Hazy Drift color palette — #FFF1F7 · #95D3FB · #3888FE · #007177 · #2A2274

Azure and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#95D3FB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#3888FE): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007177): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#2A2274): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Cobalt Study color palette (#F6EBF1, #A2CBE2, #238ED2, #006D64, #192B56)
• Antique Azure Summit color palette (#FEF0FB, #B3E3F9, #14A8E3, #00856E, #0F3F76)
• Pale Cobalt Atelier color palette (#F3F8E6, #75C1F1, #0072B8, #005269, #053262)
• Hushed Garden color palette (#FAF3F5, #DBDDEC, #A0B0DD, #3594A6, #4C5168)
• Dusty Emerald color palette (#E0FAFF, #9AE9FF, #91B3FF, #009C51, #004646)
• Tempered Petrol color palette (#F4E6F1, #78AABD, #007191, #004C38, #001529)
• Hazy Jade Market color palette (#DDEDD5, #00BA75, #008B6D, #006464, #00373D)
• Hushed Harbor color palette (#D9EDEA, #00A199, #E70075, #CD0047, #002B28)

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