Ember Harbor color palette — #D0E8D5 · #BB9800 · #F84001 · #320600 · #0E010A

A conversation between Pumpkin and Mustard, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D0E8D5): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#BB9800): A luminous, balanced green — the color of a quiet forest floor.
• Pumpkin (#F84001): A luminous, vivid orange — the color of toasted spice.
• Ink (#320600): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0E010A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged neon, dark, vibrant, warm.

Use it as a design system

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

• Worn Orchard color palette (#CFF2E1, #A2A300, #D76C00, #240D00, #0D0006)
• Pale Rose Canyon color palette (#DCE5D3, #E47E00, #FD206E, #320612, #070208)
• Amber Alley color palette (#F1E1EF, #D37D00, #790012, #320003, #070007)
• Worn Coast color palette (#D8E7F3, #BFAD00, #FF4886, #44170A, #2A0E0A)
• Weathered Amber color palette (#FFEBDC, #CB8000, #7B5700, #3E3000, #121000)
• Gentle Cabin color palette (#FAE7F3, #F65A17, #765500, #842900, #060300)
• Magenta Ridge color palette (#DBE5FB, #FF5D5F, #E700DA, #230420, #070310)
• Hazy Study color palette (#D1F5FF, #00C77C, #B19700, #052515, #040A06)

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