Cobalt Drift color palette — #E0ECEC · #8EB8DE · #296BB8 · #004762 · #01113C

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

The five colors

• Frost (#E0ECEC): bright and airy, almost weightless.
• Sky (#8EB8DE): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#296BB8): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004762): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#01113C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Atelier color palette (#DAEEEA, #7CC1C7, #007989, #004B48, #001921)
• Antique Orchard color palette (#F4EDE6, #8ABEAF, #4262B9, #004E58, #2D2554)
• Tempered Balcony color palette (#E7F1FF, #C2CDF8, #A79BD4, #1B65A1, #101736)
• Aged Cobalt color palette (#EDF0E5, #A4CFC2, #4389D6, #00668A, #162C55)
• Patina Nightshade color palette (#DEEAFF, #6C97EB, #284DAB, #011A75, #00011E)
• Aged Bloom color palette (#E1F5F3, #4494B8, #004F75, #002A34, #00050D)
• Aged Garden color palette (#D4E7FB, #3683CC, #A93C79, #004880, #280017)
• Powdered Sapphire color palette (#E6F1FF, #0066D4, #883394, #005855, #000A20)

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