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

# Color

> Set your primary color and neutral tone — Archie generates the full set of semantic roles, contrast-checked, in light and dark.

Color asks for a few high-level decisions and generates the rest. You do not hand-pick every shade in the palette — you set the primary color and the neutral temperature, and Archie derives a complete, contrast-checked set of semantic color roles for both light and dark mode.

## Primary

The action color for your app — used for primary buttons, links, and other elements that mean "do this." Set separately for **Light** and **Dark**, each as a hex value.

## Neutrals

Neutrals are the grays used for backgrounds, borders, and body text — the colors that show up everywhere but are never the star. Choose the temperature:

* **Cool** — feels technical.
* **Neutral** — balanced, no strong lean.
* **Warm** — feels human.

<img src="https://mintcdn.com/archie-e998dbf6/uKV7VZ3hAIAhG9GA/features/design/color-panel.png?fit=max&auto=format&n=uKV7VZ3hAIAhG9GA&q=85&s=19c2c788e61d23041cd358345bda2d8b" alt="Color panel showing Primary color pickers for light and dark, and the Neutrals temperature control" width="1700" height="1000" data-path="features/design/color-panel.png" />

## Advanced editing

Click **Edit the full palette** to open every generated semantic color role directly — surface, content, status colors, and so on — instead of deriving them from Primary and Neutrals. Use this when the automatic derivation gets close but you need to nudge a specific role.

## FAQ

<AccordionGroup>
  <Accordion title="Why can't I just pick every color myself?">
    You can, through **Edit the full palette**. The Primary + Neutrals flow exists because deriving a full, accessible palette from two decisions is faster than picking a dozen shades by hand, and Archie checks contrast for you along the way.
  </Accordion>

  <Accordion title="Does the palette meet accessibility contrast requirements?">
    Yes — the generated roles are contrast-checked in both light and dark mode as part of generation.
  </Accordion>
</AccordionGroup>
