Hazy Harbor color palette — #DEEBB4 · #99BE5C · #648C38 · #3B622F · #304C33

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

The five colors

• Celadon Mist (#DEEBB4): A whisper-light, dusty green — the color of fresh herbs.
• Lime (#99BE5C): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#648C38): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#3B622F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#304C33): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Soft Moss color palette (#E2E4B4, #B6C678, #6F9F57, #3D7D4B, #1D4E35)
• Mint Lantern color palette (#BEEFC4, #5FCB8A, #009465, #006550, #384D2C)
• Mustard Dune color palette (#F9E0A7, #C8A719, #908000, #5D5A0F, #41443E)
• Washed Ridge color palette (#EEFCD2, #67C891, #288456, #0E502F, #02351B)
• Hushed Coast color palette (#F2F9DE, #C3EDEE, #BAD6B2, #777C34, #3D5008)
• Cobalt Terrace color palette (#F4F8E2, #6DB370, #3391D0, #3B753F, #1F4662)
• Hazy Bloom color palette (#D8EBD4, #00B43E, #00723B, #004E33, #003435)
• Wandering Teal Cabin color palette (#C5EBDF, #00C0AB, #007F76, #005857, #0D3B50)

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