Dusty Cobalt color palette — #F0F3EA · #A5D3C4 · #2C7FCD · #005773 · #0B1F40

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Pistachio (#A5D3C4): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#2C7FCD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005773): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0B1F40): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Garden color palette (#F1F3EA, #AFD1BB, #0089AA, #005B5F, #00281B)
• Petrol Loft color palette (#F0F5E0, #60CAF2, #007BAA, #00505C, #001C30)
• Washed Navy Veranda color palette (#ECF0E5, #4E7CA9, #00387B, #001D2C, #00000D)
• Cerulean Canyon color palette (#EFF1E3, #3E97AB, #005267, #002B2E, #00050A)
• Worn Balcony color palette (#EAF8F8, #ACDBFF, #639AD2, #237595, #263B5A)
• Feathered Emerald color palette (#E8ECD0, #35922D, #007D8A, #7A5200, #141600)
• Washed Lantern color palette (#F2F5D8, #BEEBCC, #70CBAF, #5E7432, #21250F)
• Weathered Chestnut color palette (#EEDDCF, #B98F69, #925220, #602E16, #251400)

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