Hazy Harbor color palette — #EAFAEC · #A5A964 · #407A24 · #7A3164 · #3C3E0E
Built around Olive, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A5A964): A luminous, balanced green — the color of fresh herbs.
- Olive (#407A24): A full-bodied, balanced green — the color of a quiet forest floor.
- Mulberry (#7A3164): A full-bodied, balanced pink — the color of peonies in June.
- Deep Olive (#3C3E0E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy 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
- Pine Garden color palette (#EBF9F1, #8CA479, #1B7449, #6B3949, #103E36)
- Olive Harbor color palette (#FAF1E1, #B7A953, #707000, #743A14, #2A1F00)
- Wandering Archive color palette (#E8FAF5, #8ABAB9, #418076, #7E4944, #254A49)
- Patina Moss Corridor color palette (#EAFAEF, #CABD5D, #898D00, #8E5B3B, #1B4431)
- Garnet Meadow color palette (#D6F3E7, #5C865C, #00513F, #5C001B, #002203)
- Grape Chapel color palette (#CBF7E2, #888400, #4763E1, #6D30D0, #343200)
- Quiet Coast color palette (#DDFFEB, #B6A425, #2F67DA, #695D00, #0B3283)
- Chalky Marigold Canyon color palette (#FEDBC6, #E0951D, #906F00, #565100, #00492C)
Browse the whole catalog at Explore, or see today's palette.