Hazy Drift color palette — #EFF6FF · #3391FF · #E60063 · #645300 · #000C22

Built around Fuchsia, softened by Azure — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Azure (#3391FF): A luminous, vivid blue — the color of open sky before noon.
• Fuchsia (#E60063): A full-bodied, vivid red — the color of a theater curtain.
• Coffee (#645300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000C22): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Washed Raspberry color palette (#DFFBFF, #00A5B3, #E60066, #675200, #001012)
• Sunlit Lantern color palette (#EEF6FF, #0083E9, #C3003B, #2F4200, #00030B)
• Bronze Meadow color palette (#EBF7FF, #00A0CC, #B86600, #00662D, #000F16)
• Wandering Villa color palette (#F1F5FF, #9393FF, #9C5F00, #006639, #0A042C)
• Sunlit Olive color palette (#EFF6FF, #8AB7FF, #BF6900, #2B7B13, #081B34)
• Hazy Terracotta color palette (#C5F0E0, #0070A1, #A21E00, #4B3A00, #002235)
• Sunlit Byzantium Thicket color palette (#D7FFF6, #6BADFF, #A516DC, #2C5200, #100D43)
• Faded Harbor color palette (#CCE9FF, #26ADFB, #ED58F1, #008453, #002237)

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