Cobalt Drift color palette — #F9EDF9 · #99B5DD · #BD9454 · #3571C3 · #35302A

Royal Blue and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EDF9): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#99B5DD): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#BD9454): A luminous, balanced gold — the color of old brass.
• Royal Blue (#3571C3): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302A): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cobalt Drift 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

• Antique Bloom color palette (#FBEEF4, #B1ADD9, #9EA167, #7161BC, #333407)
• Softworn Balcony color palette (#EDF7FF, #81B7DE, #AC9849, #3779A5, #365543)
• Tempered Petrol color palette (#E9F5EC, #7BC0CC, #D0857D, #00808F, #4B2420)
• Timeworn Cobalt color palette (#EFF6FF, #A5C6F6, #D8A766, #5F8ECF, #3C543C)
• Cerulean Delta color palette (#F9EEF7, #E9D3D4, #C2A494, #5A8FB2, #453540)
• Ancient Pine color palette (#FCECF9, #839CCE, #C07672, #508850, #331F31)
• Hushed Lapis color palette (#FFEBF8, #878DED, #9C8000, #4E0FF0, #291F00)
• Pewter Ridge color palette (#F9EEF3, #D7C09B, #675885, #36294C, #1B1015)

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