Ember Harbor color palette — #DEFFE6 · #EA5200 · #6F6000 · #184382 · #4C2838

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

The five colors

• Honeydew (#DEFFE6): A whisper-light, dusty teal — the color of sea glass.
• Pumpkin (#EA5200): A luminous, vivid orange — the color of toasted spice.
• Olive (#6F6000): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#184382): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4C2838): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged retro, vibrant.

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

• Patina Amber color palette (#FFF4E1, #CF6F00, #5E6700, #36388D, #483000)
• Antique Rose Villa color palette (#FFF1D0, #E85D5A, #6F6200, #17387F, #301300)
• Peony Field color palette (#DCFFEA, #EE3C7B, #8B4F00, #004B6A, #472943)
• Patina Rust color palette (#FFF0F9, #D14C00, #006A53, #322F8B, #262861)
• Quiet Coral color palette (#FFF4DC, #FF7774, #8F7E00, #3357A3, #542704)
• Antique Bronze Ridge color palette (#F2DBAF, #B75900, #505000, #192D6B, #122B12)
• Worn Amber color palette (#E9FBE7, #BD9000, #3B7A3D, #524570, #2C4339)
• Patina Mustard color palette (#FFDCD0, #D1AC4D, #6C8E4E, #4E5776, #473B59)

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