Amber Harbor color palette — #EAF2DD · #50C08B · #D47E00 · #008757 · #4F2C00

Mustard and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF2DD): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#50C08B): A luminous, balanced teal — the color of sea glass.
• Mustard (#D47E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#4F2C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber 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 Ember Dune color palette (#F1F0D9, #91B74A, #F15F4A, #5D7F00, #58221A)
• Antique Bronze color palette (#F1E7D1, #B3B17E, #948000, #6F5716, #32302A)
• Misty Bronze color palette (#E7F3E1, #009C86, #986B00, #006152, #261800)
• Timeworn Quarry color palette (#F0F9E7, #6ED6AE, #E184AD, #008C66, #45112C)
• Worn Harbor color palette (#DDF6E5, #00BBDB, #8FA000, #007F95, #333A07)
• Cornflower Pier color palette (#D7ECD2, #00ACA0, #2A8BE9, #6F8129, #1D3119)
• Olive Ridge color palette (#F0F0DE, #8CB769, #00A3D6, #508217, #003B50)
• Tempered Bloom color palette (#E7F2E8, #9EC184, #007178, #003E42, #0F1910)

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