Hazy Pine color palette — #E5FBF4 · #7DB37E · #007D56 · #374E84 · #0E443F
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#7DB37E): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007D56): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#374E84): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#0E443F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Hazy Pine 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
- Chalky Terrace color palette (#E7FBED, #A3AA54, #4B7900, #1F5772, #144434)
- Olive Alley color palette (#EEF8F1, #92BAA8, #667D44, #575673, #32483E)
- Clover Meadow color palette (#E1F9E9, #88B95E, #007E5C, #534466, #002721)
- Lagoon Loft color palette (#D5EAE5, #519E71, #006451, #343A60, #003030)
- Hazy Atelier color palette (#D0F5E5, #76A14B, #006D2C, #65255F, #203506)
- Muted Villa color palette (#FFF4DF, #9CCC67, #2E9C73, #885676, #2F411A)
- Airy Mulberry Lagoon color palette (#F8F2FF, #DF5CAB, #009474, #A20173, #004635)
- Jade Coast color palette (#F5F8E3, #9CE1B1, #50BC90, #4F93A8, #1D442B)
Browse the whole catalog at Explore, or see today's palette.