Hazy Drift color palette — #F3E1DC · #5CC5C3 · #0081A0 · #005E1B · #00203F

A conversation between Deep Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F3E1DC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#5CC5C3): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005E1B): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00203F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Sunlit Study color palette (#F5E6DE, #53C1E2, #0077CB, #005B49, #181942)
• Cerulean Corridor color palette (#FBF2F8, #93DBD8, #00899F, #005530, #000E19)
• Antique Alley color palette (#DDF1EC, #5EAEAC, #006469, #003F36, #00242A)
• Teal Coast color palette (#EBEBDD, #ACC9AA, #00A6AE, #007F6E, #00242A)
• Timeworn Terrace color palette (#FFF2EA, #78D9FF, #258CFA, #007464, #2E2A5F)
• Weathered Thicket color palette (#F2E8DC, #5498D3, #4248B1, #003B3D, #100021)
• Hushed Azure Pier color palette (#FFF2ED, #98ECED, #00ABD9, #328549, #1E416A)
• Mint Basin color palette (#EBEBD6, #00DBB7, #30ADDB, #8D6200, #212D09)

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