Dusty Cobalt color palette — #F7EFF3 · #ABCCE4 · #4C7ACB · #005C54 · #191E38

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#ABCCE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4C7ACB): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#191E38): A deep, shadowed, dusty violet — the color of wild irises.

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

• Pale Cobalt color palette (#FFEBF7, #6FCAE0, #0077BA, #00543E, #0D0A4F)
• Dusty Cobalt Cabin color palette (#EFF8F1, #91CEF1, #3E7CB7, #005E69, #293B56)
• Patina Harbor color palette (#F6EFF6, #B6E5F3, #4699B6, #3A6B42, #182D45)
• Worn Periwinkle Grove color palette (#FBF4EA, #C2E4F6, #51ABFF, #007D8B, #1E2D4D)
• Raspberry Drift color palette (#EBDCF8, #B75388, #007D85, #1D5E7C, #1A0D23)
• Timeworn Cerulean Field color palette (#E8DBE6, #3699A7, #004F72, #002D1B, #00001E)
• Navy Coast color palette (#EEE2E7, #477FA3, #13269A, #001F1E, #020008)
• Ultramarine Delta color palette (#EEDCE2, #6AA2CF, #3A48B7, #00393A, #110123)

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