Hazy Basin color palette — #F9EAF2 · #52C1E3 · #1477C9 · #005B4A · #191A3F

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F9EAF2): bright and airy, almost weightless.
• Cyan (#52C1E3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1477C9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#191A3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Basin 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

• Forest Coast color palette (#E8DDE8, #4CC7C4, #00819F, #195C22, #00203E)
• Washed Ultramarine color palette (#F3E1E7, #5AAAE3, #435AC3, #004A4A, #1A0534)
• Patina Cornflower color palette (#F8EAEF, #92CCF2, #5F82D8, #006C68, #30264D)
• Weathered Cobalt color palette (#FEF3EC, #ADD7C1, #2180C2, #00524C, #020137)
• Washed Denim color palette (#EAEDE0, #6FA8BC, #006080, #003D44, #002236)
• Muted Azure color palette (#DEEBE9, #9AC7E0, #00A0D1, #007B88, #002235)
• Aged Pine Harbor color palette (#FEF0FF, #00E7E8, #009BC2, #00782E, #09335E)
• Denim Pier color palette (#EADDE5, #32A2BA, #005D92, #003D2C, #04002D)

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