Amber Harbor color palette — #FFF0FB · #FF9682 · #BF9000 · #478731 · #531534
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Melon (#FF9682): A luminous, balanced orange — the color of toasted spice.
- Mustard (#BF9000): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#478731): A full-bodied, balanced green — the color of fresh herbs.
- Mulberry (#531534): A deep, shadowed, balanced rose — the color of a warm blush.
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
- Chalky Apricot color palette (#FFECF5, #FF9046, #9F9712, #34815B, #49191F)
- Amber Lagoon color palette (#FCF1FF, #FF8FAC, #E8731A, #897400, #3E1B5E)
- Patina Atelier color palette (#E9FBEB, #E9B545, #8DAC6A, #388E7A, #492C46)
- Coral Studio color palette (#FFF2ED, #FF8482, #888200, #005E5B, #160B61)
- Misty Amber color palette (#DBF2DA, #C18000, #697C00, #006046, #2A0007)
- Airy Loft color palette (#CCF3DC, #C1A800, #00A640, #007678, #3E1700)
- Apricot Summit color palette (#FFD7C2, #FFAC6C, #E78A00, #AB6B00, #533700)
- Taupe Balcony color palette (#FFE7DD, #F6C09A, #CCA468, #72916C, #114F51)
Browse the whole catalog at Explore, or see today's palette.