Hazy Basin color palette — #FDF1FB · #CFDAF5 · #00A6E5 · #007749 · #041E59

Built around Cornflower, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Powder Blue (#CFDAF5): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#00A6E5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007749): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#041E59): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Pine color palette (#FCF1FC, #B1FFFB, #00ABD0, #04791C, #002646)
• Muted Iris Alley color palette (#FFF1F6, #DAD5EA, #6495FF, #00736C, #2A0B5C)
• Muted Turquoise color palette (#FFF4E2, #8AECF8, #00BDE6, #009988, #003751)
• Chalky Petrol color palette (#FFF2EC, #74C7D0, #0077A4, #005934, #183160)
• Sunlit Cobalt Delta color palette (#FFF0FB, #92D9E9, #2D81B8, #00543C, #040234)
• Patina Lagoon color palette (#FAF2F7, #D6D4E1, #9ABFE5, #4E917E, #323E5D)
• Emerald Dune color palette (#E9F8FF, #D9DBE6, #B8B7AC, #309C5E, #002C3B)
• Ancient Ultramarine Pier color palette (#FCE8F1, #7BC1E6, #3463BA, #003E39, #030010)

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