Cobalt Drift color palette — #CCE8FB · #0087D2 · #005296 · #002151 · #000014
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCE8FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0087D2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#005296): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002151): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000014): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Aged Balcony color palette (#D1E5E7, #008BA2, #00596D, #002735, #000103)
- Midnight Onyx Hollow color palette (#CCEDFC, #006A9B, #00396D, #000756, #030019)
- Aged Ultramarine Pier color palette (#DDE5FF, #6C85FF, #3636C6, #070042, #00000B)
- Nightshade Balcony color palette (#DCEDF5, #0090D7, #0068C6, #1A2DB9, #110049)
- Sapphire Basin color palette (#DAE6FD, #3670FF, #BB0063, #0023A3, #040001)
- Faded Cornflower Thicket color palette (#E2F0FF, #91BEFF, #437DFF, #333BB5, #1D185C)
- Hushed Boulevard color palette (#E2ECFF, #CCCAFF, #B484EC, #2A4D94, #010219)
- Misty Basin color palette (#DEE6FF, #3E3CFF, #97007E, #004C54, #00000B)
Browse the whole catalog at Explore, or see today's palette.