Hazy Harbor color palette — #DBE3CD · #5CC865 · #00A37A · #00776F · #004555

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DBE3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#5CC865): A luminous, vivid green — the color of fresh herbs.
• Fern (#00A37A): A luminous, balanced teal — the color of sea glass.
• Teal (#00776F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004555): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Lime Terrace color palette (#F4F2CE, #9ABD00, #00A959, #00765B, #00484C)
• Aged Quarry color palette (#C5F1AD, #00CA91, #009C90, #007284, #004964)
• Softworn Chartreuse Boulevard color palette (#E9FFBC, #8DEF6B, #00A989, #007975, #003643)
• Powdered Aqua Alley color palette (#D4FFFC, #00D8D4, #009A98, #006158, #00322D)
• Hazy Bloom color palette (#C6F6D9, #64D2CE, #00A8BC, #1A75A1, #354969)
• Hushed Pine color palette (#EFDDC9, #D9B300, #7C9D00, #047B1D, #004E3E)
• Muted Moss color palette (#D8FEFF, #C9DCF7, #B2C3FF, #729737, #00514F)
• Frosted Rose color palette (#DAFDFE, #36DFA3, #E44A76, #008D63, #651C31)

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