Dusty Cobalt color palette — #F7F0EA · #A5D3C0 · #5D7BB3 · #005C55 · #331426

Slate takes the lead with Peacock close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Cream (#F7F0EA): bright and airy, almost weightless.
• Pistachio (#A5D3C0): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5D7BB3): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#331426): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Tempered Cerulean Delta color palette (#FBEFEB, #C9E5CA, #4499B9, #406949, #372538)
• Weathered Cobalt Coast color palette (#F4F7ED, #A9CFC0, #3B7EB2, #005C74, #1F3C5D)
• Gentle Petrol Basin color palette (#F1E6E2, #5AC6D0, #00759E, #004E2C, #031335)
• Tempered Loft color palette (#D2FEEA, #CEDAFF, #D59EC3, #2F766F, #301C2E)
• Patina Periwinkle color palette (#EEF8F0, #D9D6E2, #72AAE6, #1A7C8B, #1D2E4B)
• Worn Cobalt Basin color palette (#D6EEE5, #0084C2, #946300, #5E5900, #001912)
• Dusty Turquoise Balcony color palette (#C8F5ED, #00ADBB, #006E9C, #1D3879, #1C183F)
• Aged Cerulean color palette (#F3E0D7, #259AA9, #004F72, #002D1B, #00001E)

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