Hazy Harbor color palette — #F9F8D1 · #B2F7F7 · #3DD5F3 · #88770A · #274F32

Ice Blue and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9F8D1): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#B2F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#3DD5F3): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#88770A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#274F32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, light.

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

• Gentle Olive color palette (#EBFCDE, #90EFFA, #7FC8FF, #548534, #3C5035)
• Airy Study color palette (#FFF5D9, #D2F3C0, #00CCB2, #9F5B00, #4B4A43)
• Ancient Lagoon color palette (#EFF3D3, #90E1CD, #00A6D8, #676400, #343730)
• Hushed Boulevard color palette (#D4FFDC, #99F3C4, #4ECEB8, #5F844A, #002D2D)
• Muted Archive color palette (#EAFAEE, #C1E9EF, #D3CBFF, #829974, #42574D)
• Lime Pier color palette (#E0FFDF, #ACEBEC, #7ED9FF, #A5B45D, #1A5351)
• Iris Archive color palette (#E0FFE0, #93D2FF, #8A96FF, #006E49, #004255)
• Cornflower Bloom color palette (#E0EBD4, #7ACBCC, #3392F0, #355500, #002926)

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