Dusty Cobalt color palette — #E7F9FF · #CBDCFC · #8ABBF3 · #6C79BF · #4C4E6D

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

The five colors

• Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Powder Blue (#CBDCFC): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#8ABBF3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6C79BF): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#4C4E6D): A full-bodied, dusty violet — the color of wild irises.

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

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

• Washed Coast color palette (#D1F6E5, #ACDAFF, #85B7FF, #7D92C8, #624556)
• Cerulean Terrace color palette (#D5FFFC, #A4E9FA, #63C8D5, #1689AE, #334A66)
• Dusty Driftwood Grove color palette (#EEF6FF, #E4D4F1, #B8A5EB, #A86BA1, #523F5E)
• Petrol Chapel color palette (#F1F5FF, #DAD8E2, #A9AFE9, #5C6AA7, #2A2B4D)
• Worn Iris Market color palette (#F0F6FF, #DDD6F1, #E8C691, #7496EB, #324E35)
• Soft Aubergine Veranda color palette (#EEF6FF, #B1C5FF, #9176DC, #81208B, #4B1837)
• Wandering Driftwood color palette (#FFF0F8, #CEECE4, #C9A1B6, #8C6F8D, #2E453A)
• Feathered Grape Harbor color palette (#EAF8FF, #A2CAFF, #7E84FF, #6F2CCA, #56195C)

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