Hazy Harbor color palette — #E3F9E5 · #A97900 · #406900 · #00433B · #320500

Olive and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E3F9E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#A97900): A luminous, balanced gold — the color of honey in a jar.
• Olive (#406900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00433B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#320500): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Muted Olive Veranda color palette (#E1F2EA, #7E8200, #00663F, #003B41, #240D00)
• Feathered Amber color palette (#FFECF4, #C46600, #635E00, #004526, #340010)
• Linen Olive color palette (#FAF6DD, #708900, #506300, #004566, #600018)
• Pale Studio color palette (#F4EBC9, #AB9B00, #737200, #454D00, #232D00)
• Bronze Parlor color palette (#E1EFE3, #8A6400, #322900, #031506, #000500)
• Timeworn Marigold Coast color palette (#E1FAE2, #FFBB89, #E29500, #A48B00, #2A1B00)
• Weathered Driftwood color palette (#F5E8B9, #ADB27F, #6E8D56, #2A5D69, #00343E)
• Linen Pine color palette (#C1E9EB, #008661, #005663, #002961, #17002B)

Browse the whole catalog at Explore, or see today's palette.