Feathered Ember Coast color palette — #FFF2EC · #E94C33 · #4173CC · #224A91 · #120300

A conversation between Scarlet and Sapphire, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Scarlet (#E94C33): A luminous, vivid orange — the color of sun-warmed clay.
• Sapphire (#4173CC): A full-bodied, balanced violet — the color of wild irises.
• Indigo (#224A91): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#120300): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged cool.

Use it as a design system

One click turns Feathered Ember Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Misty Tangerine Grove color palette (#FFF2EB, #EA714F, #006AB3, #8C1440, #120400)
• Ember Villa color palette (#FFF2EA, #E15903, #008596, #005863, #110400)
• Amber Cabin color palette (#FFF3E7, #DE851F, #538EC9, #2D6296, #221000)
• Lapis Basin color palette (#FFEADA, #B15400, #5A48BB, #362181, #030100)
• Feathered Harbor color palette (#FFF3E4, #C28605, #0062B3, #451F73, #13002A)
• Pale Peony Bloom color palette (#FFF1F1, #D5519B, #008693, #005861, #15000B)
• Misty Corridor color palette (#EED6E1, #F17F12, #00A3B4, #3B61DF, #2D1200)
• Washed Corridor color palette (#FCF6D4, #809600, #4F73C2, #25469A, #060900)

Browse the whole catalog at Explore, or see today's palette.