Warm accent. Anchor #FF7F50 at step 500. For marketing highlights, illustration accents, and the warm data-viz series. Never used for destructive or error states — danger owns red.
Used sparingly. Pair coral with iris for contrast, never against iris as a competing CTA. Coral typography uses iris-50 / coral-950 on coral surfaces — never white below 400.
Symmetric 5+5 around the brand anchor at 500.
Components consume these — not raw coral-*.
--color-secondary: var(--color-coral-500); --color-secondary-hover: var(--color-coral-600); --color-secondary-surface: var(--color-coral-50); --color-on-secondary: var(--color-coral-950);
Accent, not action. Reserve coral for attention and warmth.
Coral-50 surface with coral-800 ink for warm promotional panels.
Soft tints for labels and taxonomy.
coral-950 paired with coral-200 for warmth without noise.
