Hazy Drift color palette — #FFF0F9 · #F2A07C · #BD8E3E · #0D9090 · #2D293F

Mustard and Melon set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#F2A07C): A luminous, balanced orange — the color of toasted spice.
• Mustard (#BD8E3E): A luminous, balanced gold — the color of old brass.
• Cerulean (#0D9090): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#2D293F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Ridge color palette (#EDF9EE, #D7A75B, #82A654, #3E8EB4, #332339)
• Blush Villa color palette (#FAF1FE, #F497B3, #D27B6B, #4A8D5A, #202A40)
• Cerulean Canyon color palette (#E3FDEC, #F8AFC7, #D0966E, #4A89B4, #4A3549)
• Mallow Boulevard color palette (#FCF1FF, #FB9FB7, #8CAC6A, #4F80B4, #1A3A5A)
• Tangerine Chapel color palette (#FFEEF6, #F08208, #979300, #00788C, #2D0125)
• Worn Coral Coast color palette (#F3DDEC, #F48868, #627661, #54444F, #1C161D)
• Ultramarine Courtyard color palette (#D6F2E3, #AA9E00, #009A70, #455ABD, #23071A)
• Taupe Boulevard color palette (#F8F3F9, #E2D7D9, #C0B1A7, #B79570, #4C454E)

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