Cobalt Boulevard color palette — #F4EAF0 · #797BBB · #4A343E · #271922 · #100B0E

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

The five colors

• Blush (#F4EAF0): a clean, paper-quiet neutral.
• Slate Blue (#797BBB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4A343E): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#271922): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#100B0E): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Worn Atelier color palette (#E0F2EB, #2E8DBA, #24423B, #13221C, #090E0B)
• Iris Alley color palette (#ECF2FF, #8F91E4, #53566D, #343842, #1F2226)
• Amber Drift color palette (#FFEDED, #C287A9, #CB733F, #6C73AC, #352121)
• Inked Workshop color palette (#EADAD9, #B34786, #452824, #230F0F, #0C0405)
• Tempered Violet Bloom color palette (#FFEBF4, #C3B1EA, #946AB7, #694979, #45272F)
• Hushed Turquoise color palette (#FEECF1, #C5A3DE, #30ADC5, #84609C, #1B3827)
• Shadow Byzantium color palette (#FCE2EB, #8F0FE4, #3D1449, #1F0611, #080104)
• Dusty Driftwood Delta color palette (#F3F2EB, #C8C5A6, #708D5F, #546852, #32312A)

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