Hazy Harbor color palette — #E3EDFF · #00DBE6 · #00D948 · #264428 · #0C2725

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

The five colors

• Frost (#E3EDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Aqua (#00DBE6): A luminous, balanced blue — the color of open sky before noon.
• Clover (#00D948): A luminous, vivid green — the color of fresh herbs.
• Forest (#264428): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#0C2725): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Softworn Cabin color palette (#F8E6F0, #57D8FF, #8ED700, #515149, #201F0E)
• Mint Balcony color palette (#DFE0EF, #71CDFF, #00D3A1, #004130, #062325)
• Lime Archive color palette (#FFE6D7, #00E1B4, #A3C500, #3B441E, #08231C)
• Clover Meadow color palette (#F5E8D7, #00BE53, #00A8C9, #00312E, #051716)
• Chalky Mint color palette (#EAF9F9, #1ADB9C, #0099A0, #008D63, #02212A)
• Worn Ridge color palette (#B0FAB5, #D4D2FF, #60DDFE, #41545E, #2A3236)
• Softworn Aqua color palette (#ADFFF3, #00D1D3, #009BA6, #006D82, #003D4F)
• Marigold Hollow color palette (#F4DEDE, #8CBDFF, #D79D00, #0F423A, #182A1B)

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