Cobalt Drift color palette — #E2EFFB · #0085D8 · #303F5D · #102335 · #060F14

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#E2EFFB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0085D8): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#303F5D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#102335): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060F14): quiet, heavy and certain.

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

• Washed Atelier color palette (#DEE5F1, #6A88E9, #444A6D, #242E3F, #13191F)
• Lagoon Boulevard color palette (#D8ECF3, #009297, #0A4759, #0C252D, #041012)
• Softworn Cobalt color palette (#E4FBF5, #358EDC, #452A43, #00140F, #000201)
• Aged Terrace color palette (#D8F4EB, #44A2EB, #77556B, #29423B, #05100A)
• Velvet Delta color palette (#D5EAFE, #0068A4, #1F233E, #09151F, #020409)
• Worn Ember Delta color palette (#DCE3FF, #9386E1, #D5630B, #008C6C, #232945)
• Soft Veranda color palette (#E7ECFF, #8142FF, #511865, #1B1435, #020715)
• Weathered Coast color palette (#F1F7F2, #B7DAED, #00A2DC, #007C7A, #253D54)

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