Dusty Cobalt color palette — #FAF1FF · #F3D3D1 · #FFB97A · #6387D0 · #5C3754

A conversation between Azure and Cantaloupe, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Shell Pink (#F3D3D1): A whisper-light, dusty orange — the color of autumn markets.
• Cantaloupe (#FFB97A): A whisper-light, balanced gold — the color of honey in a jar.
• Azure (#6387D0): A luminous, balanced violet — the color of twilight just after sunset.
• Mulberry (#5C3754): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Softness, Clarity. Tagged pastel, 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

• Muted Cerulean Thicket color palette (#FFF0FE, #EAD2E0, #FFB5C3, #1795B2, #5C3B51)
• Timeworn Cabin color palette (#FFF1F3, #EDD4D3, #EDBCA3, #B091F5, #5F3A50)
• Periwinkle Thicket color palette (#F4F4FF, #EADBD9, #ACB6AD, #6F98EE, #483B5D)
• Softworn Pier color palette (#FFEFF1, #FFC1C6, #DEA06C, #6E6EB5, #462220)
• Weathered Amethyst Field color palette (#F6F3FF, #FFCDE6, #F79697, #8051C5, #5B3853)
• Chalky Lantern color palette (#FFF1F2, #FFD6B4, #9ECF52, #B064A9, #5D240B)
• Cocoa Garden color palette (#FFF2F0, #E3D7CC, #B7D2A8, #B78A9B, #7A3C21)
• Patina Indigo Thicket color palette (#FED8D4, #ECAB9E, #B29C3D, #7255AD, #3C161F)

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