Amber Harbor color palette — #FCDDCE · #CF9200 · #7B6C00 · #3B5000 · #002F0A
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FCDDCE): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#CF9200): A luminous, balanced gold — the color of honey in a jar.
- Olive (#7B6C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#3B5000): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#002F0A): 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
- Soft Marigold Pier color palette (#EDDDC5, #C09B00, #7F7400, #535700, #004A2E)
- Tempered Chapel color palette (#EEDCC5, #A6900D, #567900, #05530E, #00231C)
- Weathered Honey Ridge color palette (#FFF3E3, #FCC41D, #A29400, #606B00, #2B4100)
- Airy Tangerine Chapel color palette (#F5D9D9, #FB651F, #915B00, #564400, #202C00)
- Washed Station color palette (#D4F1E1, #86AE64, #776D00, #603A00, #002314)
- Ancient Summit color palette (#E2FDC2, #9FB831, #567F00, #2A3D00, #0D1200)
- Emerald Chapel color palette (#E9E2B3, #9FB86C, #30912E, #00644E, #002E38)
- Byzantium Quarry color palette (#DBFBE8, #BEA825, #8F37EE, #695B00, #290E48)
Browse the whole catalog at Explore, or see today's palette.