Dusty Cobalt color palette — #F7F1E9 · #9ECDF5 · #5A78C3 · #005A64 · #321526

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

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sky (#9ECDF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5A78C3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A64): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#321526): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Washed Cobalt color palette (#FFF1F5, #AFC8E0, #6874AC, #005F62, #413159)
• Cobalt Coast color palette (#FFEEE2, #72C8EE, #0073CA, #005250, #0E1144)
• Powdered Balcony color palette (#FFEEE6, #84E1EA, #0090B6, #00654A, #002744)
• Weathered Periwinkle Chapel color palette (#EDF9EF, #B6D9FA, #6E95DA, #007893, #303661)
• Cerulean Market color palette (#E9DBD3, #2D98B2, #004E76, #002C27, #000217)
• Patina Ash Ridge color palette (#F7F0EA, #BEEEF2, #829DCC, #54745A, #42303B)
• Tempered Basin color palette (#F3DCC3, #AC6B00, #0074B3, #4A5595, #201000)
• Ancient Amber color palette (#F9E6CF, #D59024, #0F72B4, #754B00, #001E35)

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