Hazy Harbor color palette — #E4E4D0 · #76B045 · #00883E · #006547 · #004F49
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E4E4D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#76B045): A luminous, balanced green — the color of fresh herbs.
- Fern (#00883E): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006547): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004F49): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Emerald Veranda color palette (#E1E6D7, #589E46, #006B4A, #004A3F, #003536)
- Jade Studio color palette (#E6F3E7, #24B277, #008773, #005C62, #1B3D5A)
- Gentle Mustard color palette (#F4E4C9, #BCA500, #637500, #246000, #004B21)
- Plum Canyon color palette (#F0F9E1, #2BBF80, #AE30A4, #006E46, #60115A)
- Ancient Teal Workshop color palette (#D9FFF2, #19C8AA, #007D5F, #004934, #002E25)
- Wandering Atelier color palette (#D7EA86, #86D800, #00BD5A, #009271, #004541)
- Washed Olive color palette (#EFFBD8, #A0F0F2, #69C5FA, #667B00, #054B40)
- Tempered Studio color palette (#FAEDD8, #A4A05A, #866300, #6F3900, #2C3B14)
Browse the whole catalog at Explore, or see today's palette.