Hazy Drift color palette — #CBF7DF · #65B1E5 · #3673D5 · #514C96 · #5C3746

Sapphire takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CBF7DF): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#65B1E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#3673D5): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#514C96): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5C3746): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Indigo Study color palette (#D5EDFF, #77A1E9, #6B64C8, #684B8E, #663F49)
• Pale Pier color palette (#DFEFFF, #6BB0FF, #4F78C2, #3B4D80, #23304C)
• Softworn Moss color palette (#FFF0FD, #7A9EE9, #998C00, #4362A8, #45423B)
• Hushed Courtyard color palette (#CAE9FF, #A5D0FF, #85A8F2, #7280C1, #454165)
• Teal Courtyard color palette (#B5EDDF, #23BCBD, #008DA7, #005E80, #2C4565)
• Mallow Veranda color palette (#FFF0FD, #E9D3E3, #F2B1CE, #4786A5, #5B4954)
• Bronze Boulevard color palette (#FFF0FB, #7084CD, #9B7400, #6D6D00, #453040)
• Gentle Byzantium color palette (#FAD3EF, #AA98E8, #9752B7, #81417A, #603B51)

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