Hazy Pine Harbor color palette — #E0FCF6 · #85B084 · #007E44 · #005C67 · #244324
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0FCF6): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#85B084): A luminous, dusty green — the color of fresh herbs.
- Pine (#007E44): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005C67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#244324): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Pine 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
- Muted Summit color palette (#E7F9F8, #6FA6A9, #1C7260, #2C4F67, #123D3E)
- Muted Pewter color palette (#EEF8F2, #93BAA8, #6E7A48, #675168, #2A4A3D)
- Pine Quarry color palette (#E2F8E9, #A0AF7E, #337D43, #523F7C, #1C2500)
- Weathered Hollow color palette (#CDF2F3, #2A8C77, #005049, #00324E, #002119)
- Pale Emerald color palette (#FCF4E5, #B0C485, #419C55, #6F5C9C, #354015)
- Fern Lantern color palette (#D8F2E6, #889C43, #406700, #6F291C, #293300)
- Cerulean Field color palette (#E6FAF7, #A6D6EC, #008DAC, #006669, #00465E)
- Clover Atelier color palette (#F6F7E4, #9FE29D, #2DC271, #3498A7, #3A3B34)
Browse the whole catalog at Explore, or see today's palette.