Cobalt Studio color palette — #FFF0F8 · #E4CDF7 · #CD97B3 · #436AB5 · #563241
A conversation between Slate and Mauve, giving this palette its sense of sophistication.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Thistle (#E4CDF7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#CD97B3): A luminous, dusty rose — the color of a warm blush.
- Slate (#436AB5): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#563241): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Sophistication. Tagged pastel, 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
- Indigo Market color palette (#FFF1F4, #F0C8C8, #E18F97, #735AA8, #543134)
- Dusty Boulevard color palette (#FFEBF9, #FACEDC, #F08C99, #227991, #351B25)
- Hushed Petrol Atelier color palette (#DCFEF2, #EDD2EB, #B5A7E1, #007990, #22463E)
- Patina Veranda color palette (#F0F6FF, #ECD5FF, #FFA6AA, #418FA5, #3E4359)
- Muted Basin color palette (#F8E8EE, #D2A7D4, #BF668A, #3B40AC, #2B1437)
- Dusty Driftwood color palette (#FFF1F1, #E2D8D0, #AFC3D1, #9D78A4, #5D4846)
- Muted Grape color palette (#FFF1F2, #FFACCD, #FA6663, #8822C1, #60214E)
- Aged Market color palette (#FFF2EF, #EDD6C3, #ECA46D, #AA4688, #642C33)
Browse the whole catalog at Explore, or see today's palette.