Cobalt Studio color palette — #FCF2F6 · #A7CAE6 · #5E76B0 · #00605C · #3D3457
Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Sky (#A7CAE6): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5E76B0): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#3D3457): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Hushed Forest Bloom color palette (#FAF2FB, #A7CCD6, #1F859F, #226226, #1D3D5A)
- Misty Cobalt Quarry color palette (#FFF0F9, #7DC3DD, #006FC6, #005748, #2A266C)
- Wandering Cobalt Ridge color palette (#F7F1E8, #ADD1C4, #487EBE, #005968, #131D40)
- Periwinkle Orchard color palette (#EFF8F0, #BDD8EF, #6098DC, #00798D, #293764)
- Dusty Onyx Corridor color palette (#E9DDE5, #5C9AA6, #004F75, #003220, #040A3F)
- Hushed Fern Cabin color palette (#E0FBFE, #ACE5FD, #A1A2D4, #506F38, #19424D)
- Softworn Orchard color palette (#EADADF, #5686AB, #27337B, #002222, #0F0022)
- Dusty Hollow color palette (#CEFFFC, #3ABBBB, #006F6E, #003E41, #042432)
Browse the whole catalog at Explore, or see today's palette.