Dusty Cobalt color palette — #F8EFF2 · #B5CADF · #6976BC · #005B5E · #27163B

Built around Slate, softened by Peacock — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Lilac Frost (#B5CADF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6976BC): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#27163B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Forest color palette (#F7EFF6, #ADCDDA, #3985AA, #005F37, #091E45)
• Muted Cobalt Veranda color palette (#F0F7F1, #A4CAEC, #4976C6, #005C72, #2D3A57)
• Weathered Sapphire color palette (#FBEDF4, #88C5E2, #0068EA, #00524A, #1C004F)
• Hushed Periwinkle color palette (#F9F4EC, #C4E2F7, #7FA6EA, #007B97, #262B4E)
• Ancient Denim Delta color palette (#EFE0EA, #4B95AC, #004B83, #002D23, #03001B)
• Cobalt Loft color palette (#FAE2E9, #BC8444, #337DCE, #784800, #001C3B)
• Washed Cobalt color palette (#DDF3E0, #9F7300, #126FC3, #4E47A1, #001A06)
• Terracotta Lantern color palette (#FFECF2, #E1E3B2, #89C9B9, #9F5055, #08281A)

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