Cobalt Studio color palette — #ECF2FF · #6975C3 · #363B4F · #242933 · #15141A

A conversation between Periwinkle and Charcoal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Periwinkle (#6975C3): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#363B4F): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#242933): quiet, heavy and certain.
• Ink (#15141A): quiet, heavy and certain.

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

• Iris Field color palette (#FDECF8, #8997D6, #65525A, #3E353B, #251F26)
• Ancient Grove color palette (#EDF2FB, #A1B4F1, #7B788E, #4B5567, #1D2226)
• Worn Plum color palette (#E9E0F6, #B03C8F, #392D40, #221C29, #0F0B0F)
• Amethyst Coast color palette (#EAEDFF, #810AEE, #361F45, #14152C, #09060F)
• Softworn Loft color palette (#F5F3FF, #BC7BCA, #C07068, #5578A4, #433F53)
• Grape Field color palette (#E8E9FD, #7800B2, #581D01, #270E2B, #080715)
• Shadow Aubergine Harbor color palette (#E9E1FF, #750070, #2C2119, #210016, #050010)
• Hushed Balcony color palette (#F3F4FF, #C09FE2, #57A6B4, #7F6698, #33525F)

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