Dusty Cobalt color palette — #F1F3EB · #ADD1C3 · #3282BE · #00586F · #012042

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Oat (#ADD1C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3282BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#012042): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Lagoon Boulevard color palette (#F2F3E9, #B4D1B3, #008D96, #005C51, #00262C)
• Hushed Cobalt color palette (#FDF2F6, #ACC9DF, #3B76CF, #005F63, #343759)
• Patina Workshop color palette (#E0E1D5, #3F98A5, #005263, #002C2C, #000509)
• Azure Cabin color palette (#EDF8F7, #B5D9F7, #4C9BDF, #0F7796, #213B5D)
• Muted Petrol Archive color palette (#F1F3EC, #C6E1E1, #78A898, #15778D, #1B3D35)
• Airy Chapel color palette (#FADAE9, #7F6AC3, #A74A6D, #006582, #150C2D)
• Denim Orchard color palette (#E5EBDC, #7BA0C4, #0055AD, #00364D, #00032F)
• Quiet Market color palette (#F8E2EB, #9785C4, #008D92, #642CB1, #002123)

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