Hazy Drift color palette — #F8ECE4 · #B8DDCA · #67A8F0 · #00937C · #27255C

A conversation between Cornflower and Fern, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Oat (#B8DDCA): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#67A8F0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00937C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#27255C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Emerald Hollow color palette (#F6ECE9, #9FE1E0, #00B6E1, #1A973B, #072F54)
• Iris Alley color palette (#EEE7DF, #96C6EB, #6C88F8, #007D7D, #280C48)
• Tempered Canyon color palette (#E8F1EA, #A4CBE1, #2490C7, #006B6D, #0A2F53)
• Wandering Grove color palette (#FBF3F1, #C6EAE0, #86C8E3, #56AE6B, #2E496A)
• Cobalt Chapel color palette (#F3E7E3, #73BEC9, #008DC8, #00714A, #010744)
• Soft Balcony color palette (#FFE4F6, #F8C4D8, #FFACA9, #40A5E7, #3D2A4D)
• Feathered Cobalt color palette (#F4E4ED, #63C2DF, #196EB4, #004D3D, #0F1036)
• Wisteria Meadow color palette (#F9E4EA, #D497FA, #8AA646, #9A7D00, #2B113A)

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