Dusty Drift color palette — #D9E7F0 · #00BBF0 · #61708F · #3C4C57 · #111A1C

A conversation between Cyan and Slate, giving this palette its sense of trust and stability.

The five colors

• Frost (#D9E7F0): bright and airy, almost weightless.
• Cyan (#00BBF0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#61708F): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#3C4C57): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#111A1C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Teal Hollow color palette (#D5E9EC, #17C5AD, #557488, #334F53, #121A19)
• Dusty Periwinkle Grove color palette (#DEE5F2, #92A2FF, #716A8D, #424A59, #13191E)
• Azure Archive color palette (#ECF7FF, #00ACE5, #37485C, #142028, #010609)
• Frosted Cornflower Grove color palette (#DFEFFF, #1195F9, #614893, #113758, #00090F)
• Antique Study color palette (#E0F5EB, #0080A9, #3D293A, #0B1913, #030804)
• Faded Periwinkle color palette (#BFEAFF, #85CEFF, #75B0FF, #7D83CE, #424264)
• Hushed Mint color palette (#EFF8F0, #CEDCAE, #76BF90, #6D97AB, #304840)
• Tempered Balcony color palette (#FAF2F9, #CFE2F9, #61CBFC, #61AB7C, #384960)

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