Dusty Cobalt color palette — #FAF2FA · #FDE2AC · #5678A5 · #213959 · #140C15

Slate takes the lead with Peach Cream close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Peach Cream (#FDE2AC): A whisper-light, dusty gold — the color of old brass.
• Slate (#5678A5): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#213959): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#140C15): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Petrol Veranda color palette (#EDF9EF, #FFE2A6, #2D848F, #24402C, #07130A)
• Worn Driftwood Summit color palette (#FCF2F7, #D0DECD, #8480A9, #553F4A, #22181D)
• Ancient Petrol Lantern color palette (#FBF2FA, #EFCFA9, #7A96C2, #466393, #291D28)
• Misty Summit color palette (#FFF1F5, #FFD26F, #8450A5, #3E1C51, #130207)
• Dusty Field color palette (#EAF3FF, #D6AA78, #34538C, #142647, #070D15)
• Hushed Lantern color palette (#FCF1F9, #E0D7F2, #CE83A4, #7086CD, #1F0C0B)
• Powder Orchard color palette (#FFF0FD, #8EB2F8, #C88F72, #74773D, #301D2E)
• Hushed Ash color palette (#FFF4E2, #D2BFFF, #BA79A7, #69671B, #462731)

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