Hazy Drift color palette — #F6F3FF · #DFAAD8 · #D38E4C · #31925A · #043B60

Built around Fern, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Carnation (#DFAAD8): A luminous, balanced pink — the color of peonies in June.
• Mustard (#D38E4C): A luminous, balanced gold — the color of old brass.
• Fern (#31925A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#043B60): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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 Lagoon Corridor color palette (#F9F3FA, #ECB7C2, #BEA866, #3D9987, #314360)
• Feathered Balcony color palette (#F1F5FF, #B4B5FF, #D98485, #7A851E, #004049)
• Worn Pine Pier color palette (#FCE0EB, #D27400, #068B23, #005977, #20002B)
• Tempered Courtyard color palette (#FCEDF5, #F59663, #77A254, #007D94, #341C52)
• Muted Blush color palette (#F2E0FF, #FF6CB3, #AC8300, #007868, #140072)
• Ancient Amber Alley color palette (#FEF0FB, #9DB8FF, #AE8200, #00667E, #063421)
• Dusty Driftwood color palette (#F4F4FF, #B895C9, #B1657E, #006E5A, #472955)
• Teal Cabin color palette (#F0F8F1, #CCE0F4, #7DCCDB, #3DAE8F, #254D63)

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