Hazy Harbor color palette — #D5EBDE · #A9AA5A · #697B00 · #3F6032 · #073123
A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D5EBDE): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A9AA5A): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#697B00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#3F6032): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#073123): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Hushed Drift color palette (#D6EAE7, #73B68C, #008661, #346235, #07311B)
- Softworn Olive Cabin color palette (#EAF9F2, #ADBC82, #688E3D, #386E6A, #1F3C33)
- Washed Olive color palette (#FFF0F7, #CDB983, #688131, #155D56, #001F0C)
- Hushed Boulevard color palette (#F6DDE5, #9D8C3D, #495E00, #0A4938, #0B311E)
- Aged Fern Coast color palette (#D9F3E7, #6D7D39, #314F00, #00332F, #000805)
- Muted Pier color palette (#EFF7F7, #A8DCE2, #5FABA2, #68828C, #3D5154)
- Wandering Delta color palette (#E7F1F0, #8DCEF0, #008FD1, #00697D, #003054)
- Magenta Harbor color palette (#D7E4F4, #3B83EF, #BF1CCB, #007977, #081E3F)
Browse the whole catalog at Explore, or see today's palette.