Quiet Harbor color palette — #D2ECDD · #EFB33E · #8F8000 · #584F00 · #131000
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D2ECDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Saffron (#EFB33E): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#8F8000): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#584F00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
Use it as a design system
One click turns Quiet 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
- Quiet Mustard color palette (#FDD9E6, #E6B900, #B36C00, #704100, #1A0B00)
- Airy Emerald color palette (#C7EEE7, #F8AD50, #439500, #275C00, #041400)
- Weathered Pier color palette (#EEE4CD, #CCA62F, #695B00, #362E00, #160E00)
- Antique Mustard color palette (#DEFFEB, #EDBC00, #665800, #241E00, #000201)
- Timeworn Lagoon color palette (#DDF4F4, #F1BC90, #509977, #186547, #001B1B)
- Muted Amber color palette (#DAF3EC, #B67800, #3A5200, #0F1900, #000202)
- Hushed Apricot color palette (#CEEAED, #E09050, #007964, #004336, #000304)
- Hazy Mustard Meadow color palette (#E4F7ED, #D6C62A, #00B0B8, #9E9000, #001517)
Browse the whole catalog at Explore, or see today's palette.