Misty Drift color palette — #DCF3FF · #20B3F8 · #0089D8 · #1E5D99 · #283D61

Azure takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#20B3F8): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0089D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#1E5D99): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#283D61): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Cobalt Field color palette (#D4ECF3, #27A1D8, #0674C2, #1A478A, #2D3665)
• Antique Dune color palette (#D2F0F1, #00C2D3, #0099B2, #006980, #00455B)
• Hazy Summit color palette (#D4FFFF, #59D3F0, #1E92E2, #2D55B6, #352157)
• Chalky Indigo color palette (#E8F0FD, #82A1FF, #6B74DC, #534C95, #3E3560)
• Gentle Bloom color palette (#F1F5FF, #A2BDFF, #5F7AD2, #38508E, #121F49)
• Hushed Peony color palette (#FCE7FB, #70A8FF, #D96B99, #4571B5, #532237)
• Feathered Sapphire color palette (#CBE7FD, #008DF0, #0063D3, #123295, #0E134F)
• Frosted Iris color palette (#FAD9F4, #628EFF, #BC63B1, #00888E, #392236)

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