Dusty Cobalt color palette — #D7E1F1 · #4F72BD · #2A2F48 · #0C1625 · #03070C

Slate and Navy set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#D7E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4F72BD): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2A2F48): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0C1625): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#03070C): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Iris Alley color palette (#EAECFC, #8976B6, #3C3751, #1C1D29, #0A0C11)
• Washed Sapphire color palette (#EEDFEC, #2767E2, #442932, #261A25, #0A1212)
• Aged Hollow color palette (#F1DDEF, #5689FA, #614253, #352934, #111B18)
• Muted Ridge color palette (#EFF6FF, #629CFE, #434265, #151F2C, #02060A)
• Lilac Orchard color palette (#F0F0FF, #A276CD, #B36C00, #007C73, #1C1B32)
• Softworn Violet color palette (#D0E3FF, #9AA2F1, #8464D5, #613E7E, #2C2643)
• Hushed Azure color palette (#EDF4EE, #C0E1FA, #5592CF, #006A78, #1D2C45)
• Eclipse Byzantium color palette (#E1DDFB, #A400C4, #421733, #110926, #02030C)

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