Dusty Cobalt color palette — #F9F0EA · #A3D4BE · #407FBF · #005B5A · #31142B

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#A3D4BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#407FBF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#31142B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Timeworn Lagoon color palette (#F8F0EC, #B3D1B4, #008AA7, #005E3E, #002339)
• Cornflower Market color palette (#FAF0E6, #AED4F9, #5979E7, #00606D, #251E43)
• Tempered Cobalt Corridor color palette (#F4F6EE, #9DCDE6, #2A80B3, #005D70, #0B453A)
• Hushed Periwinkle color palette (#F7F0EC, #C8E4E3, #6AA2D3, #267974, #412F3E)
• Softworn Cerulean color palette (#F3E4DD, #2C9BA3, #005168, #002D1F, #00050D)
• Misty Plum Delta color palette (#E3EDD9, #2ABA93, #B33B63, #00644D, #340B19)
• Hushed Villa color palette (#C6FFF9, #3CC3B7, #007C79, #003E3A, #001110)
• Periwinkle Alley color palette (#E9F8DD, #AEE5DC, #7FADF4, #53733C, #1A2D1B)

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