Weathered Cobalt color palette — #F8E8F2 · #777BBE · #4A343F · #271922 · #100A0F

Slate Blue and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F8E8F2): A whisper-light, dusty pink — the color of neon signs at night.
• Slate Blue (#777BBE): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#4A343F): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#271922): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#100A0F): 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 Weathered 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

• Aged Cerulean color palette (#E2F2EB, #468CAE, #2C403B, #0F231B, #080E0B)
• Washed Iris color palette (#EDF2FE, #9194D5, #515672, #323846, #1F2226)
• Plum Station color palette (#EFD8D8, #A75484, #432926, #230F0F, #0D0405)
• Aged Hollow color palette (#FFECF0, #B48BBC, #C1766D, #4F7AB1, #391E25)
• Inked Amethyst Hollow color palette (#FFE9F1, #7F4ABC, #371E40, #160627, #090105)
• Weathered Loft color palette (#FFECF4, #B9A9D9, #9B78B8, #6F457D, #4A252E)
• Dusty Violet color palette (#FCEEF2, #BFA9D1, #51ABBD, #8A57AD, #003841)
• Eclipse Thicket color palette (#FDE3EA, #77279A, #2F0C15, #140F05, #0C0014)

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