Cobalt Field color palette — #F2F5FB · #DDD9E3 · #C4BCCA · #686FA6 · #434852

Slate takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#C4BCCA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#686FA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#434852): a grounded near-black with real depth.

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

Use it as a design system

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

• Cobalt Thicket color palette (#EEF2F8, #DBD5DF, #C8B7C7, #6172A8, #282C33)
• Plum Balcony color palette (#F6F3FE, #E2D5DE, #C4B6CD, #9A4390, #423B51)
• Tempered Pewter Lantern color palette (#F4EEFF, #B6AABF, #907E91, #506A51, #395645)
• Aged Indigo color palette (#E1E3F7, #805EAA, #322F45, #1C1C32, #100D13)
• Feathered Wisteria color palette (#F3F4FF, #D9DCFF, #C39FFD, #B972BE, #423054)
• Wandering Cocoa Alley color palette (#FFF0FA, #A787C7, #875585, #832F0B, #3C3954)
• Washed Grape Ridge color palette (#F3F4FF, #D1D0E3, #A7A0C8, #7213C9, #2E3147)
• Antique Mulberry Harbor color palette (#F0EDF3, #D1C8D6, #A99AAD, #823266, #322A3B)

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