Amber Harbor color palette — #FFECE2 · #B68100 · #527100 · #00492F · #001919
Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFECE2): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#B68100): A luminous, balanced gold — the color of old brass.
- Olive (#527100): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00492F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001919): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Hazy Mustard color palette (#FFE6C9, #BAA100, #5E6E00, #003E15, #000806)
- Moss Balcony color palette (#F6ECDE, #8B9C06, #007A46, #004845, #001B24)
- Airy Amber color palette (#F8D9D9, #D46D1C, #826000, #2E4100, #002010)
- Timeworn Hollow color palette (#F3EBD9, #878000, #415500, #00300A, #001919)
- Worn Studio color palette (#F4DAC9, #AA7400, #006A34, #510379, #191700)
- Fern Courtyard color palette (#F0EDD8, #5A6900, #3E4B4B, #002C1E, #0C0900)
- Aged Olive Boulevard color palette (#EAE7C4, #238D0D, #005445, #00282E, #000308)
- Worn Balcony color palette (#F0EBE4, #C7C5B0, #9DAA8B, #795B00, #271E0D)
Browse the whole catalog at Explore, or see today's palette.