Dusty Cobalt color palette — #EFF6FD · #D0DFF9 · #C4B3EA · #007FBD · #233544

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Powder Blue (#D0DFF9): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C4B3EA): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007FBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#233544): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Lagoon Pier color palette (#EDF7FA, #C9E3F2, #9DC2EA, #008987, #1A383F)
• Aged Indigo color palette (#ECEEF5, #D6D5E8, #BEB1CC, #6C64B8, #292D3C)
• Softworn Studio color palette (#ECF8F5, #E8D4CF, #B3A592, #0083D2, #002C23)
• Hushed Ash Meadow color palette (#F5F4FB, #E0D8DD, #D6BBC4, #A282AB, #47474E)
• Plum Corridor color palette (#D0EDFF, #009AC4, #C0005A, #0A580C, #002D16)
• Timeworn Atelier color palette (#E4E8ED, #9EA3BA, #987A9D, #1C3F8B, #020918)
• Patina Courtyard color palette (#D9E1F0, #4E5EFF, #4C1A6D, #0C1935, #000814)
• Gentle Olive Meadow color palette (#FFE2EB, #BEAC49, #658500, #485693, #362E00)

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