Amber Harbor color palette — #F9E9E4 · #DD7800 · #967800 · #635E00 · #042300
A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F9E9E4): a clean, paper-quiet neutral.
- Mustard (#DD7800): A luminous, vivid gold — the color of honey in a jar.
- Ochre (#967800): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#635E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#042300): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Bronze Archive color palette (#F3E2D5, #B17700, #7A5A00, #4C4200, #242600)
- Ancient Ember color palette (#F2DDE1, #FE5644, #BA6200, #6F4D00, #211D00)
- Hushed Forest color palette (#ECDBCB, #B89300, #6D8000, #006E21, #00241B)
- Ancient Bronze Boulevard color palette (#E9DCC6, #9AA855, #997700, #8A4400, #001D03)
- Mustard Archive color palette (#F0EFD8, #B6AE00, #908600, #565600, #070800)
- Hushed Bronze Pier color palette (#FDE9DE, #995800, #5D4200, #2C2B00, #050A00)
- Sunlit Magenta Parlor color palette (#FDE2EA, #D85AFF, #BD8C00, #473200, #0D0600)
- Gentle Indigo color palette (#F5E5CC, #D8A82C, #6C65E9, #8D6A00, #160B4A)
Browse the whole catalog at Explore, or see today's palette.