Dusty Cobalt color palette — #F9F4EE · #9ED2C2 · #4578C3 · #005D70 · #2F385D

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Pistachio (#9ED2C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#4578C3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D70): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2F385D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Tempered Summit color palette (#FAF4EA, #ACD0B0, #00869E, #006151, #0C4056)
• Dusty Cobalt color palette (#FDF4E5, #6CC4E9, #0074B1, #00555A, #093165)
• Muted Lantern color palette (#F7F1EA, #A3D4C3, #6579B4, #005B5A, #341424)
• Iris Parlor color palette (#FFF1F5, #A9DCFF, #7592E0, #237A77, #3E3358)
• Timeworn Cerulean Bloom color palette (#ECF8F8, #C7E4FF, #86B6EB, #2B98C3, #243A60)
• Denim Corridor color palette (#F6EDDF, #549BAD, #00516E, #00302E, #001528)
• Airy Harbor color palette (#FFDBD1, #BA5462, #447E00, #225B9C, #3F231A)
• Antique Marigold color palette (#FFF2EE, #FFD2C4, #DEA865, #975D7D, #48403D)

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