Amber Harbor color palette — #F2E2D4 · #C98A2F · #7E5C00 · #4C4100 · #1F2000
A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2E2D4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#C98A2F): A luminous, balanced gold — the color of old brass.
- Ochre (#7E5C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#4C4100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#1F2000): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Hushed Chestnut color palette (#D4E6D9, #9E9B69, #7A6100, #54370A, #001E16)
- Weathered Bronze color palette (#FFDED7, #D6764C, #A35000, #633C00, #311F00)
- Powdered Amber color palette (#F3DED5, #E27D01, #856200, #465100, #243D1B)
- Worn Pier color palette (#EFEAD9, #9E9007, #687200, #315000, #0D2C10)
- Marigold Alley color palette (#FFEADA, #DD9600, #A78000, #655900, #3F4211)
- Chalky Indigo Field color palette (#DEEEE3, #BC9D2A, #555ECE, #675300, #151839)
- Moonless Drift color palette (#F2E9C6, #6B6300, #363F00, #0D1E00, #000500)
- Mint Alley color palette (#DFFAE9, #D7ECAF, #80C697, #84622E, #0D261E)
Browse the whole catalog at Explore, or see today's palette.