Hazy Drift color palette — #D8F0DC · #B23200 · #523600 · #002A2F · #270E00

Built around Brick, softened by Cocoa — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#D8F0DC): A whisper-light, dusty teal — the color of sea glass.
• Brick (#B23200): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#523600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002A2F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#270E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged retro.

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

• Worn Chestnut color palette (#F2E6CF, #8E5800, #403F00, #00273D, #1F1400)
• Quiet Brick color palette (#D9F7E1, #AA353F, #503600, #001D42, #0F0200)
• Hazy Harbor color palette (#D5E9D8, #BB0056, #662600, #002C23, #300307)
• Muted Terracotta color palette (#EBDEE5, #913700, #0D4302, #002235, #24001F)
• Blush Summit color palette (#FBDFEE, #FF6781, #C96600, #665100, #201000)
• Airy Terrace color palette (#E9DDC8, #CB535C, #764F00, #003477, #2C0900)
• Worn Bronze Pier color palette (#FFE1A2, #AC6D00, #565600, #003C5C, #362600)
• Muted Bronze Coast color palette (#D7EEDA, #887B00, #3E4B00, #511723, #002113)

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