> ## Documentation Index
> Fetch the complete documentation index at: https://helloluciallc.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Color System

<Note>
  Eval Labs color should feel warm, precise, and restrained. Yellow/orange carries the brand family; black carries authority; purple marks the homepage logo/text rail.
</Note>

***

## Core colors

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FFD100'}} /><span className="hl-chip-name">Eval Yellow</span><span className="hl-chip-hex">#FFD100</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FFBC17'}} /><span className="hl-chip-name">Eval Gold</span><span className="hl-chip-hex">#FFBC17</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FEA91A'}} /><span className="hl-chip-name">Eval Amber</span><span className="hl-chip-hex">#FEA91A</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FF8800'}} /><span className="hl-chip-name">Eval Orange</span><span className="hl-chip-hex">#FF8800</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FF7D0E'}} /><span className="hl-chip-name">Eval Deep Orange</span><span className="hl-chip-hex">#FF7D0E</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#FFFFFF'}} /><span className="hl-chip-name">White</span><span className="hl-chip-hex">#FFFFFF</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#0A0A0A'}} /><span className="hl-chip-name">Eval Ink</span><span className="hl-chip-hex">#0A0A0A</span></div>

<div className="hl-swatch-row"><span className="hl-chip" style={{background:'#000000'}} /><span className="hl-chip-name">Black</span><span className="hl-chip-hex">#000000</span></div>

***

## Usage rules

### Yellow / orange family

Use for:

* Eval Labs identity accents
* status markers
* gentle highlights
* callout warmth

Avoid using it for large background floods unless the page needs a deliberate brand moment.

***

### Black / ink

Use for:

* body text
* headings
* icon strokes
* serious source-truth language

Eval Labs should not rely on pale gray body text for important claims.

***

### Purple rail

Use for:

* the homepage Logo/Text Table identity block
* selected future identity moments where a left rail signals a branded call-in

Do not overuse purple across the docs. It should feel intentional.

***

## Color posture

The color system should communicate:

```text theme={"dark"}
warmth without softness
seriousness without coldness
energy without chaos
brand without noise
```

***

## Practical rule

If everything is highlighted, nothing is highlighted.

Use color to guide the reader, not decorate the page.