Dusty Cobalt color palette — #F4ECF1 · #9ACDE2 · #4F89CC · #006E5D · #282656

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

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Sky (#9ACDE2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#4F89CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#282656): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Dusty Pine color palette (#F4EBF5, #A1CDD8, #0095B5, #087218, #012F54)
• Tempered Azure color palette (#FFF2EA, #BFEEFF, #5A96D3, #006C58, #181841)
• Tempered Hollow color palette (#F3E1E7, #95B5D4, #5E6AC6, #00595C, #290E43)
• Tempered Petrol Quarry color palette (#F3EEE5, #91BDA6, #0070A2, #004F51, #072E56)
• Softworn Pine color palette (#FCF1FE, #A5EAE7, #00ACD3, #008A27, #074171)
• Chalky Onyx color palette (#F8ECF6, #64AFBB, #006E9E, #004D31, #020448)
• Lagoon Study color palette (#FAF3F6, #D9DFEE, #98B4D7, #3E978A, #49516E)
• Soft Lantern color palette (#BFE7E9, #2AB187, #CF4F9B, #007557, #4C0333)

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