Dusty Cobalt color palette — #D7E0E9 · #BEBDCF · #A8A3BE · #4884C0 · #17202A

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D7E0E9): a clean, paper-quiet neutral.
• Ash (#BEBDCF): A luminous, dusty violet — the color of wild irises.
• Mauve (#A8A3BE): A luminous, dusty violet — the color of wild irises.
• Cerulean (#4884C0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#17202A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Indigo Chapel color palette (#D9DFEB, #B2ACBE, #9C91A8, #5167CD, #0B1325)
• Washed Navy Veranda color palette (#EAE1EB, #BDAEBB, #808BB4, #00457C, #0F0710)
• Iris Parlor color palette (#F1F5FF, #DDD6E6, #D1BADD, #8C89F1, #29324B)
• Tempered Chestnut Terrace color palette (#EDECFE, #AC9AC6, #94749A, #90534C, #491F0B)
• Feathered Violet Harbor color palette (#D9E7FF, #8DC6FF, #B799EC, #9971FF, #110446)
• Linen Loft color palette (#F5DAF6, #7190F9, #7964C1, #8C2E4E, #100F38)
• Worn Hollow color palette (#D3E0F2, #3A8DFF, #8D54B3, #006044, #00151B)
• Ancient Lilac Lantern color palette (#F5F4FF, #E3D5E2, #C0A59E, #BF8FD1, #3F3E4B)

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