Hazy Harbor color palette — #F4ECC4 · #56A933 · #006C3E · #3F480E · #1A3610
Built around Kelly Green, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#F4ECC4): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#56A933): A luminous, vivid green — the color of fresh herbs.
- Pine (#006C3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3F480E): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Forest (#1A3610): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Wandering Moss Archive color palette (#F9EAC9, #8E9C00, #386900, #005039, #2C3200)
- Frosted Coast color palette (#F6EFD2, #578A30, #005327, #003731, #0D2000)
- Linen Quarry color palette (#D5F4E5, #86BC73, #008D64, #5F5F13, #123802)
- Timeworn Lantern color palette (#F6F6EB, #BEC6A0, #708C4C, #6E691D, #495304)
- Wandering Teal color palette (#D2E7DC, #00AF96, #007571, #004E55, #15314C)
- Forest Lagoon color palette (#EEF1DA, #006F47, #00332B, #031D00, #000803)
- Linen Ridge color palette (#FFF4E2, #44CECE, #007C8B, #005843, #00394A)
- Plum Villa color palette (#CFEED2, #00979C, #CF004A, #005A5D, #5B001C)
Browse the whole catalog at Explore, or see today's palette.