Amber Harbor color palette — #E9FBEC · #C78848 · #856400 · #195B3B · #2F432E
A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#C78848): A luminous, balanced gold — the color of honey in a jar.
- Ochre (#856400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Pine (#195B3B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#2F432E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged retro, muted.
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
- Aged Coast color palette (#ECFAEA, #D67B66, #995720, #405718, #4A3642)
- Washed Olive Market color palette (#E8FBEF, #B5A873, #727E3B, #206561, #374E42)
- Tempered Bronze color palette (#EDF9F0, #A78400, #457126, #005549, #003E51)
- Bronze Coast color palette (#F3E5B1, #9C7700, #575600, #00423A, #322800)
- Marigold Chapel color palette (#FFF1F6, #FFD8C7, #F8971C, #B68C00, #314A30)
- Antique Thicket color palette (#E2F9E8, #E37A5C, #7F6900, #2E476A, #2F1C25)
- Worn Apricot color palette (#FFF4E0, #FB8F70, #998539, #49658A, #423C37)
- Worn Loft color palette (#DBE9DA, #9B6400, #1D3A25, #152314, #180F0E)
Browse the whole catalog at Explore, or see today's palette.