Hazy Harbor color palette — #DBEBE0 · #B1B879 · #A78B32 · #955C16 · #142B04
Built around Moss, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DBEBE0): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B1B879): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#A78B32): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#955C16): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#142B04): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Weathered Amber Lantern color palette (#FFE3EE, #CEAC71, #BB7F4D, #96584B, #002C1B)
- Washed Bronze color palette (#EDDEBF, #A9A156, #867000, #624905, #252600)
- Stone Basin color palette (#D8EEE2, #B7CA94, #A6A06A, #927449, #133734)
- Hushed Moss color palette (#C0E9D8, #9DA600, #C769B6, #B45140, #002117)
- Weathered Bronze color palette (#F9EAF2, #C59362, #B46441, #8B3E44, #1E1400)
- Timeworn Chestnut Orchard color palette (#F3E8D4, #868C52, #685200, #482800, #100F00)
- Weathered Taupe Pier color palette (#FFF1F7, #BDD9BE, #D3A07D, #AC7972, #2C4336)
- Olive Garden color palette (#CCE4E0, #E4AC70, #428C3D, #245521, #000F0D)
Browse the whole catalog at Explore, or see today's palette.