Softworn Cobalt color palette — #FBF2F9 · #E7D7D6 · #D2BBB4 · #4B71CD · #271925

A conversation between Sapphire and Onyx, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Bone (#E7D7D6): bright and airy, almost weightless.
• Stone (#D2BBB4): A luminous, dusty orange — the color of autumn markets.
• Sapphire (#4B71CD): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#271925): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Cobalt 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

• Wandering Violet color palette (#FEF2F5, #E3D8D3, #D1BEAC, #915CAE, #271A1E)
• Ancient Iris color palette (#F9F3F7, #E4D8D6, #AAB4A6, #7480DB, #372933)
• Cerulean Garden color palette (#F0F7F2, #D0DEE0, #DEC0C4, #00849D, #13221A)
• Hushed Denim Basin color palette (#F0E6ED, #DAC4D1, #B49CA7, #404E93, #1B1319)
• Smoked Violet color palette (#F7DDE9, #8156D8, #371634, #150806, #050015)
• Pine Bloom color palette (#FDF4E4, #B7C190, #4A8748, #524582, #1D1800)
• Timeworn Fern color palette (#DBFFED, #D6B0C9, #A878A4, #365E23, #002C26)
• Chalky Byzantium Villa color palette (#F6F8D5, #50A7FA, #834DAE, #1F4B00, #090E2F)

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