Cobalt Studio color palette — #FDF2F7 · #B5DDBA · #7C74AE · #604352 · #32282D

Slate takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Pistachio (#B5DDBA): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#7C74AE): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#604352): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#32282D): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Driftwood Dune color palette (#F3F4FD, #C2DDF4, #7E82A9, #41445F, #191A24)
• Ancient Pewter Parlor color palette (#FDF2F1, #B2CF9B, #9D5973, #5E3632, #2A1E1D)
• Timeworn Lantern color palette (#F4F4FD, #D9BC82, #6A527E, #36364D, #28222B)
• Ash Station color palette (#FFF1F4, #FFD2C7, #AF92B7, #80646B, #33282A)
• Wandering Amber Orchard color palette (#FBF3F6, #D5C7FF, #C68F4A, #9180C1, #322D27)
• Worn Taupe Lantern color palette (#F6F7E4, #D2AEE6, #C37D73, #3A7985, #574142)
• Weathered Ash Boulevard color palette (#FBF3F3, #E0D9D3, #B2B7A8, #B68CAC, #5A5050)
• Timeworn Mulberry color palette (#FDE9EA, #88C599, #943B83, #4F2246, #201113)

Browse the whole catalog at Explore, or see today's palette.