Ember Coast color palette — #FFF2EC · #E06041 · #7D6D00 · #005875 · #3C170E

Pumpkin and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Pumpkin (#E06041): A luminous, vivid orange — the color of sun-warmed clay.
• Walnut (#7D6D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005875): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3C170E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, 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

• Linen Navy color palette (#FFF3E8, #CD6F0A, #796E00, #004EA3, #391A00)
• Quiet Peony Parlor color palette (#FFF1F0, #DC619C, #9B5E00, #005E6A, #3B1427)
• Bronze Pier color palette (#F9E7D8, #AA5A00, #745A00, #00456F, #2E0300)
• Antique Ultramarine color palette (#FFF4DF, #EC7EB2, #AF6C00, #0056B6, #592023)
• Weathered Rose color palette (#FFF2EE, #EE5773, #BF3746, #006540, #2E1233)
• Washed Amber Dune color palette (#F0E4DB, #CF6300, #4D451B, #3D1C07, #1D0C08)
• Pale Ember color palette (#FFDBF3, #FA969C, #DF6400, #765A00, #2E3800)
• Feathered Nightshade color palette (#FFF3E2, #B98900, #569419, #3B2FC3, #2E2000)

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