Hazy Drift color palette — #C8E3F1 · #008DA7 · #AA4811 · #005262 · #481800

Terracotta and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Powder Blue (#C8E3F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DA7): A full-bodied, balanced blue — the color of open sky before noon.
• Terracotta (#AA4811): A full-bodied, balanced orange — the color of toasted spice.
• Peacock (#005262): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#481800): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Wandering Canyon color palette (#DFF2FF, #2F99C6, #B75B21, #005F80, #53280E)
• Plum Villa color palette (#C2E5ED, #009289, #AD3B5D, #005550, #4C0C22)
• Cobalt Bloom color palette (#C6E2FC, #0084D2, #886300, #004C7C, #362600)
• Tempered Garden color palette (#E3F2FF, #0075AA, #7F4B00, #003E5C, #2A1500)
• Timeworn Dune color palette (#CDEAD8, #008EA8, #637400, #004F5F, #101400)
• Powdered Ember color palette (#C9E6D5, #39D7FD, #E9581E, #0091AE, #4B1300)
• Patina Moss color palette (#C5E4F2, #00ABC5, #7F9100, #007081, #262D00)
• Hushed Boulevard color palette (#EDF6FF, #6AA5D9, #A5853E, #166AA6, #543F07)

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