Hazy Harbor color palette — #F7EED5 · #9DAB40 · #488A2F · #00616D · #31312A
Olive Leaf takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7EED5): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#9DAB40): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#488A2F): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#00616D): A full-bodied, dusty blue — the color of deep harbor water.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Marigold Alley color palette (#FAEDD4, #C79A2D, #807B00, #006456, #33302A)
- Powdered Alley color palette (#F3EFD9, #61B872, #008C6E, #005B8B, #2F312B)
- Muted Moss color palette (#F1EFD5, #6A8F00, #2D4826, #242210, #100D04)
- Worn Market color palette (#F3F7EB, #80C5A8, #00967E, #65635C, #343730)
- Hushed Moss color palette (#EDE5C6, #659000, #006B2E, #003F4F, #081C00)
- Frosted Bronze color palette (#FFEBD6, #A08300, #006D33, #4B3266, #32302A)
- Mustard Terrace color palette (#FFF2EA, #DFAE4B, #359263, #5D4377, #292100)
- Mustard Lagoon color palette (#DCF7E1, #C8BD5A, #6EA86A, #6270AD, #0D392D)
Browse the whole catalog at Explore, or see today's palette.