Cobalt Studio color palette — #CDE8F9 · #68B8ED · #1F8AE1 · #0056AD · #213763
Built around Azure, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#CDE8F9): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#68B8ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#1F8AE1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0056AD): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#213763): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt Studio 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
- Tempered Cerulean Atelier color palette (#D9F1F7, #44B5D8, #0096C5, #00628C, #003F67)
- Dusty Ultramarine color palette (#D7EAFF, #9FC2FA, #6D89DF, #555BB3, #403F6D)
- Timeworn Archive color palette (#F1F5FF, #9EB9FC, #5A7CD5, #2944AA, #0A1B55)
- Sapphire Canyon color palette (#E3F0FF, #7CABE4, #D1719D, #0070D3, #581C3A)
- Wandering Boulevard color palette (#DAEEFF, #3191EF, #0064CE, #0E08B5, #100E61)
- Powdered Market color palette (#E2E3F1, #ACA3F0, #8E71DE, #6D3EA5, #4A2E5C)
- Washed Pier color palette (#D4E7FD, #5A97E6, #AB6EB6, #008A84, #142C48)
- Violet Corridor color palette (#E5EBFF, #C5BCEB, #AE97D7, #8660A6, #4D496C)
Browse the whole catalog at Explore, or see today's palette.