Ember Coast color palette — #FFF0F9 · #DD6E44 · #648400 · #005D8C · #2A040F

Coral Clay and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#DD6E44): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#648400): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005D8C): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#2A040F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns 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

• Hushed Navy color palette (#FFF1F6, #C27C39, #007E31, #004BA7, #190417)
• Frosted Peony color palette (#F9F2FF, #DF6CA5, #8F7E00, #00636E, #260622)
• Softworn Denim Studio color palette (#ECF9F0, #C2AB63, #259D78, #5C55A7, #240D1B)
• Pale Bronze color palette (#ECF9EC, #B47600, #4B6400, #00426A, #040001)
• Ultramarine Delta color palette (#E2FEE7, #FFA1A4, #B47B05, #1D49BE, #481402)
• Tempered Ultramarine Grove color palette (#E9FBEB, #C08A00, #008B61, #3222D9, #270400)
• Softworn Aubergine Coast color palette (#E4FCEE, #9E8C00, #006A6B, #5D009F, #050200)
• Dusty Drift color palette (#FFF0FE, #FF8388, #00965B, #512CB7, #220C58)

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