Dusty Cobalt color palette — #FFF1F6 · #9ED5FF · #587DC7 · #00656E · #3C3A62

Azure takes the lead with Powder Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#9ED5FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#587DC7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3C3A62): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Cobalt color palette (#FEECF3, #ACD5F6, #677ECA, #006261, #2B1A45)
• Worn Cerulean Meadow color palette (#FCF1F9, #8BD3D9, #0085A7, #166148, #213D56)
• Hushed Canyon color palette (#FFF1F5, #73BFFF, #4262D4, #00545F, #332761)
• Aged Iris Archive color palette (#FFF3E7, #B7E1FF, #7596F2, #00837F, #443665)
• Dusty Ash color palette (#FAF2F8, #D4D7EF, #65A4B7, #4C7A63, #415566)
• Hazy Ridge color palette (#FCF4E7, #C0F1E0, #84B9FF, #00A1BE, #2C3978)
• Tempered Hollow color palette (#F5E4F1, #338E9C, #00425B, #00231B, #00091A)
• Hazy Coast color palette (#FCE4EE, #3F99C9, #004596, #002F31, #0F073D)

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