Cobalt Drift color palette — #C5E9CC · #2377D2 · #533691 · #4C2900 · #172143
A conversation between Azure and Indigo, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C5E9CC): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#2377D2): A full-bodied, vivid blue — the color of deep harbor water.
- Indigo (#533691): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#4C2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#172143): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro.
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
- Timeworn Indigo color palette (#C5E9CC, #7268C2, #6E2F71, #3D3200, #2B1844)
- Tempered Cornflower Villa color palette (#DDF6E2, #5E82D6, #69488C, #583900, #262F49)
- Gentle Navy Orchard color palette (#C5E9CC, #0084A3, #234891, #630B00, #00273C)
- Wandering Aubergine Station color palette (#E1F1E4, #5159BA, #5B0F73, #302200, #170D33)
- Gentle Hollow color palette (#D1F4E9, #008896, #4536A1, #223200, #00101B)
- Lapis Alley color palette (#E2E0C2, #00A5B6, #6055C4, #3B5000, #00283B)
- Petrol Quarry color palette (#E8F1EA, #8EB6DA, #3C66B1, #004D5F, #232759)
- Muted Corridor color palette (#D8E3F2, #868EB5, #7C5778, #59430C, #1B3D1E)
Browse the whole catalog at Explore, or see today's palette.