Ember Coast color palette — #DDEDDF · #C89F00 · #FD4822 · #310601 · #170A14

Built around Scarlet, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDEDDF): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#C89F00): A luminous, balanced green — the color of a quiet forest floor.
• Scarlet (#FD4822): A luminous, vivid orange — the color of sun-warmed clay.
• Ink (#310601): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#170A14): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, 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

• Amber Courtyard color palette (#D7F1E6, #B0AA00, #E16C00, #271A00, #170911)
• Wandering Rose Summit color palette (#E7EADD, #E19000, #FF3473, #330F03, #130D14)
• Timeworn Lagoon color palette (#F5E0F9, #D0B300, #FF6F38, #441D24, #21161D)
• Softworn Hollow color palette (#E7D9E3, #C47811, #670C00, #300300, #130610)
• Clover Drift color palette (#FDE6EA, #58C100, #C38400, #271700, #071007)
• Pale Amber Harbor color palette (#F3E7ED, #C86C23, #5B4F00, #663000, #001208)
• Muted Chartreuse Alley color palette (#BDE9E0, #B4D422, #F7981C, #523836, #34272C)
• Amber Corridor color palette (#F5EADE, #B48100, #715900, #3C3600, #242500)

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