Dusty Cobalt color palette — #F9F4ED · #C2E6D8 · #578DC9 · #006E7E · #573F53

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C2E6D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#578DC9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#573F53): A full-bodied, dusty pink — the color of a candy shop window.

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

• Cerulean Veranda color palette (#FAF4EC, #C7E5CD, #3298B4, #007264, #304F44)
• Ancient Iris Station color palette (#F8F0E9, #BDE7D6, #6C8DCA, #266B64, #3E2231)
• Timeworn Market color palette (#FCF4E8, #A4D6F1, #0084D7, #00656F, #293F67)
• Muted Lagoon color palette (#FBF2F6, #C9EAFF, #8DA4D5, #358A84, #41465F)
• Weathered Stone color palette (#FFF1F5, #E4D7D3, #EBADB8, #7678A2, #5B4045)
• Hushed Bronze Meadow color palette (#FFF1F5, #9C75BD, #AC6A00, #007972, #492F38)
• Cerulean Villa color palette (#EFE6D7, #3A8CA5, #00425F, #002223, #000919)
• Denim Boulevard color palette (#E8E2D8, #5DADB6, #006177, #003F36, #002334)

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