Skip to main content
Eval Labs color should feel warm, precise, and restrained. The cool Eval accent identifies the product; yellow and orange connect it to the Lucia brand family; ink carries authority.

Core colors

Eval Yellow#FFD100
Eval Gold#FFBC17
Eval Amber#FEA91A
Eval Orange#FF8800
Eval Deep Orange#FF7D0E
Eval Violet#7C5CFF
Eval Cyan#2BB3C0
White#FFFFFF
Eval Ink#0A0A0A
Black#000000

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.

Cool Eval accent

Use for:
  • Eval Labs navigation and interaction accents
  • approved gradient logo variants
  • restrained product-specific emphasis
Do not turn violet or cyan into broad background floods. Product accents should remain intentional and readable in both color modes. The public site’s primary palette is configured in docs.json; the shared Eval and swatch tokens live in style.css. Keep page content focused on semantic use rather than duplicating site-wide CSS.

Color posture

The color system should communicate:

Practical rule

If everything is highlighted, nothing is highlighted. Use color to guide the reader, not decorate the page.