Dusty Cobalt color palette — #EFF2F8 · #DAD5DB · #B7ABAC · #767FB2 · #313640

Slate Blue and Deep Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Silver (#DAD5DB): a clean, paper-quiet neutral.
• Ash (#B7ABAC): a calm mid-gray that lets other colors speak.
• Slate Blue (#767FB2): A luminous, dusty violet — the color of twilight just after sunset.
• Deep Teal (#313640): quiet, heavy and certain.

Feels like: 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

• Wandering Driftwood color palette (#F2F5FB, #DDD8E1, #BDA7A4, #7581A1, #505259)
• Washed Pewter color palette (#F3F0F7, #DED4D7, #CBB7B6, #966184, #2E2A35)
• Dusty Terrace color palette (#E5F5FF, #BBC9D9, #9995AF, #467179, #2F404C)
• Forest Grove color palette (#E3F6F7, #7EB3D5, #886B98, #006244, #222C3E)
• Timeworn Lagoon color palette (#ECF4ED, #AFCAC1, #5A8E8B, #695A76, #1B372F)
• Weathered Amethyst color palette (#EFF1FC, #DFD2DC, #CBB8CC, #7A4AC5, #212335)
• Aged Lantern color palette (#EBF2FE, #899BC9, #866F34, #26592A, #0E2F11)
• Washed Bloom color palette (#EEE7F3, #AA9AA6, #91727C, #65003D, #08010F)

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