Cobalt Studio color palette — #F6F1EC · #A2CEEA · #4A7CC6 · #005B5F · #1B1C3D
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6F1EC): bright and airy, almost weightless.
- Sky (#A2CEEA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#4A7CC6): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1B1C3D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Cobalt Veranda color palette (#FBEFEA, #AAD3B6, #0087B5, #005D4B, #2D1630)
- Dusty Cobalt color palette (#F3F7EA, #9FCBEA, #3A7DB6, #005C75, #233B5B)
- Timeworn Petrol color palette (#F2E6E1, #7CC0C9, #007699, #004D3B, #00172E)
- Dusty Grove color palette (#FFF1F6, #AADCFC, #6596DF, #177A7F, #34365C)
- Navy Pier color palette (#C7EAE9, #00A0C1, #00709B, #003F83, #191D43)
- Washed Cerulean color palette (#F8F0EC, #CCE4CE, #229CBC, #2C6C51, #10332A)
- Dusty Mallow Grove color palette (#DDF9F0, #D5DEFF, #DA99DF, #257A86, #2E192E)
- Washed Azure Veranda color palette (#D7F0E6, #1D9CD8, #A76E00, #005C84, #291800)
Browse the whole catalog at Explore, or see today's palette.