Muted Cobalt color palette — #F7E8F3 · #6B7DC8 · #47353F · #231B21 · #100A0F

Built around Periwinkle, softened by Charcoal — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F7E8F3): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#6B7DC8): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#47353F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#231B21): quiet, heavy and certain.
• 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 Muted 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

• Timeworn Orchid color palette (#FAE8EC, #A962B9, #4A3537, #251B1D, #110A0C)
• Cerulean Summit color palette (#E0F3E9, #0090B5, #2A4139, #17211C, #090E0A)
• Dusty Periwinkle Meadow color palette (#FAEDF7, #8098DF, #655257, #3E343C, #1B2420)
• Muted Drift color palette (#FFECF0, #BF7FD2, #C07671, #5D7B9D, #332226)
• Velvet Byzantium color palette (#F3D9DF, #8E32AC, #3A191F, #16070C, #040102)
• Mallow Lagoon color palette (#FFECF2, #C2A3E5, #58ABB6, #7C6697, #223727)
• Nocturne Amethyst color palette (#FFE4F1, #7E19F6, #331E44, #1D0713, #070205)
• Ash Orchard color palette (#F0F3EB, #BCE9EF, #7AA0CA, #4C7564, #40303F)

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