Misty Drift color palette — #E9F3FF · #2C78C9 · #86353E · #334100 · #002F14

Azure takes the lead with Garnet close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Azure (#2C78C9): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#86353E): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#334100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002F14): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Chalky Indigo color palette (#ECF2FF, #656CC7, #8D3202, #004631, #002C2E)
• Mulberry Station color palette (#E3F5FF, #0084A1, #823552, #661F03, #2B2F00)
• Iris Basin color palette (#F2F5FF, #8A7EBD, #845929, #4F4A00, #004335)
• Mulberry Alley color palette (#FAE8ED, #9664AE, #8E2B4B, #512600, #161500)
• Soft Boulevard color palette (#D6E4F8, #134BBF, #6B0301, #0D2600, #00110A)
• Rust Parlor color palette (#F3F0FD, #BA7CB9, #B54953, #714400, #282F00)
• Byzantium Studio color palette (#E1DFF2, #894A9C, #5E4000, #003537, #001A4F)
• Weathered Byzantium Coast color palette (#E4E6FF, #931EE5, #664400, #003F15, #002B23)

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