Hazy Drift color palette — #EEFFBB · #AEF4DB · #85B1D8 · #955F58 · #62352F

Custard and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EEFFBB): A whisper-light, balanced green — the color of new leaves after rain.
• Mint (#AEF4DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#85B1D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Walnut (#955F58): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#62352F): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

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

• Cocoa Harbor color palette (#FFF2E9, #DEE0AA, #83B8BD, #A36356, #662D1D)
• Hushed Cocoa color palette (#D8FFF4, #B1E3FB, #A798CA, #865F6E, #5F3605)
• Peony Corridor color palette (#DCECC7, #9AD8D3, #6BBDDC, #C46EA3, #6C3435)
• Timeworn Dune color palette (#BAEFD4, #44B8B9, #4B8CA6, #6F485E, #382037)
• Worn Ash color palette (#D4FFFD, #D3DFF1, #A0A9CF, #6A816B, #3C4E3D)
• Chestnut Veranda color palette (#DBFFEC, #9DD2CF, #5B96A8, #6F4D23, #1D371B)
• Muted Terrace color palette (#CBEBBE, #47B3B0, #506F9A, #523600, #231400)
• Cerulean Meadow color palette (#F9E3BC, #91BB9A, #2E889D, #774F2A, #504003)

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