Hazy Drift color palette — #E5FCED · #57F3D4 · #00CFF1 · #8387F3 · #103D30

Lavender Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E5FCED): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#57F3D4): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00CFF1): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#8387F3): A luminous, balanced violet — the color of a velvet chair.
• Forest (#103D30): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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

• Azure Workshop color palette (#EBFAE8, #96EB9B, #00DDC8, #379EE9, #113521)
• Lilac Parlor color palette (#EBF7FF, #88FCC0, #4AE4F9, #AF9EFF, #00334A)
• Pale Lilac color palette (#E8FAF3, #87F5F3, #8ECCFF, #B790E1, #4B354C)
• Weathered Glacier color palette (#EAF7FF, #00E3ED, #00B1D9, #337BB3, #0F3449)
• Washed Delta color palette (#FFF0FE, #40E6FF, #7EACFF, #D643F3, #232259)
• Turquoise Lantern color palette (#FCF3EE, #C1DDC4, #00A6CA, #008058, #144438)
• Aged Hollow color palette (#CAE6F1, #3FBBFE, #1284F5, #4C4EA4, #40385E)
• Softworn Boulevard color palette (#EAF8FF, #BFDAF1, #8CADFF, #B4A7B9, #001E2D)

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