Misty Drift color palette — #DCE2BF · #4F8DFF · #9F3C89 · #0A571C · #241D41

A conversation between Azure and Magenta Rose, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#DCE2BF): A whisper-light, dusty green — the color of fresh herbs.
• Azure (#4F8DFF): A luminous, vivid violet — the color of wild irises.
• Magenta Rose (#9F3C89): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#0A571C): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#241D41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Periwinkle Lantern color palette (#E7F5D3, #789DFD, #AD528C, #166447, #412734)
• Softworn Iris Cabin color palette (#D6E5BD, #9476FF, #A5425D, #00544A, #311937)
• Mulberry Station color palette (#DBFEF5, #7E9FEF, #904B96, #004D25, #120A2F)
• Hushed Grape Cabin color palette (#DCE4B5, #00A0D0, #7A52A6, #464D00, #0D2443)
• Gentle Indigo color palette (#D4F4E7, #7361FF, #9E1157, #004332, #21082E)
• Cobalt Villa color palette (#F7ECE5, #81D1ED, #468ACD, #006E5A, #262854)
• Lilac Meadow color palette (#F0FAE0, #B3A0FF, #B3707C, #1B7267, #4F343B)
• Violet Workshop color palette (#F2D9E7, #7D69FF, #716400, #244F00, #0E2600)

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