Hazy Harbor color palette — #E5F4D7 · #61C16E · #00A47E · #007A6E · #003238
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E5F4D7): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#61C16E): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00A47E): A luminous, balanced teal — the color of glacier melt.
- Teal (#007A6E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003238): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, 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
- Hushed Jade Alley color palette (#D7E7DA, #06B36F, #00855E, #005F4D, #003B33)
- Teal Pier color palette (#D3E6DA, #00C1A5, #00A0A3, #00788D, #002E48)
- Ancient Moss Archive color palette (#F3ECD1, #ACB02B, #50A712, #00843A, #003326)
- Linen Mint Station color palette (#AAF8F2, #32D8C4, #00B0A8, #007872, #001917)
- Emerald Station color palette (#DBE9C7, #2F952F, #006F55, #004039, #001E21)
- Hushed Peony Canyon color palette (#D7E3CA, #48E0B0, #D85F82, #009973, #510022)
- Airy Lantern color palette (#E2F2D7, #8BEFFA, #9FCCFF, #7EA769, #1A3A20)
- Quiet Studio color palette (#EBE2CE, #A9BB79, #A08F2F, #89632F, #102B0F)
Browse the whole catalog at Explore, or see today's palette.