Hazy Basin color palette — #FDF3EA · #A4D6F3 · #3675F9 · #006760 · #413669

Sapphire and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Powder Blue (#A4D6F3): A whisper-light, dusty blue — the color of open sky before noon.
• Sapphire (#3675F9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Pine (#006760): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#413669): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Patina Station color palette (#FFF3E7, #7EBFF0, #465CDF, #005655, #3C2261)
• Chalky Cobalt Lagoon color palette (#FDF3EE, #8CDDE9, #0089C0, #006A43, #2B3E68)
• Patina Archive color palette (#EAF5EC, #9AD9FF, #3386D6, #00606D, #142248)
• Turquoise Terrace color palette (#FBF3F1, #CDE7DF, #63A4B8, #587858, #32524A)
• Feathered Powder color palette (#FFF1F7, #CCE9FF, #87B8FF, #00A5AA, #36396F)
• Misty Station color palette (#E9FDD9, #B2EFFF, #A2B3FF, #5F8416, #02515B)
• Worn Lagoon color palette (#F4E7E1, #418E93, #00425A, #002410, #00081F)
• Timeworn Denim Station color palette (#E9DED9, #69ABB4, #005E86, #004027, #0D1D41)

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