Muted Cobalt color palette — #FCF2F8 · #C2F6BE · #696FB3 · #4A2D41 · #170B13

Slate takes the lead with Mint close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Mint (#C2F6BE): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#696FB3): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4A2D41): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#170B13): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Aged Driftwood color palette (#FDF2F5, #C1E9F7, #927AA8, #593D47, #22181B)
• Washed Plum color palette (#FFF1F2, #9EEFAC, #A6368E, #4E1141, #150103)
• Washed Pier color palette (#FBEEF1, #E2A094, #634875, #3B1C27, #15080C)
• Wandering Sand color palette (#F3F4FF, #F4D086, #9C8ABE, #5E617B, #1F212C)
• Hushed Denim Archive color palette (#F2F5FF, #9CB88F, #53487A, #262B4B, #1F1727)
• Lilac Study color palette (#FEF1F8, #9C96F1, #947E00, #266492, #271620)
• Hushed Tangerine Ridge color palette (#FAF3F6, #EAD5EE, #E67D43, #897BD1, #1D0E05)
• Antique Coral Meadow color palette (#F5F7E5, #D8BDFF, #CE7375, #00717A, #45282C)

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