Cobalt Studio color palette — #F9EEF9 · #3F77C2 · #7D4200 · #004152 · #162442
A conversation between Azure and Bronze, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EEF9): a clean, paper-quiet neutral.
- Azure (#3F77C2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7D4200): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Teal (#004152): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#162442): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Optimism, 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
- Quiet Atelier color palette (#FDF1F8, #807ECD, #786000, #004A7F, #1C3A56)
- Hushed Cabin color palette (#FFECF4, #815EC8, #635300, #003975, #251C50)
- Tempered Meadow color palette (#E8F6ED, #00859E, #9C1225, #004537, #002B30)
- Patina Studio color palette (#FBF3F0, #AECFAD, #0085A5, #1C6328, #1E3C5B)
- Raspberry Study color palette (#EFEAFD, #AD55A7, #834000, #113F00, #001720)
- Tempered Wisteria color palette (#FFEDEF, #CC6AC5, #A45D23, #245F18, #003140)
- Hushed Studio color palette (#FFF1F4, #B484BA, #5A7C3D, #444E86, #56364E)
- Airy Station color palette (#F6D9E7, #6324C5, #3F3700, #00242B, #020D19)
Browse the whole catalog at Explore, or see today's palette.