Dusty Cobalt color palette — #F8F0EB · #9DD1E4 · #457FBD · #005D4D · #311529

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Sky (#9DD1E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#457FBD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#311529): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Worn Lagoon color palette (#F7F1EA, #C0E0FF, #7F89C0, #006C70, #3C242D)
• Weathered Courtyard color palette (#FFEEE6, #63CDDD, #007AAF, #005437, #04104B)
• Ancient Cerulean Studio color palette (#F4F6EC, #AACFBD, #3681A8, #005E6C, #183E59)
• Sky Thicket color palette (#EDF9EF, #D7D6E4, #5AAFE9, #007E84, #182F4B)
• Mallow Coast color palette (#D6FDE8, #CCDCFF, #DFA3D9, #428070, #2E1D30)
• Bronze Drift color palette (#D5EADD, #008AA7, #936400, #5D5A00, #001A0D)
• Soft Azure color palette (#CEF3E5, #28ACED, #AC4D21, #005C84, #350E00)
• Teal Atelier color palette (#D3FAED, #00B2B5, #007194, #00477C, #1B1C43)

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