Muted Cobalt color palette — #D9E2EE · #5574B0 · #2D2F44 · #0A1628 · #02070D

Slate and Ink set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D9E2EE): a clean, paper-quiet neutral.
• Slate (#5574B0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#2D2F44): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A1628): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#02070D): quiet, heavy and certain.

Feels like: 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

• Patina Iris color palette (#EDE0EB, #618DE1, #624250, #362935, #131A17)
• Tempered Olive Market color palette (#F0F0FF, #9D7CC1, #768921, #4F7921, #1B1B34)
• Mulberry Orchard color palette (#EEE7FA, #92447C, #3D171B, #11071C, #020206)
• Inked Workshop color palette (#ECECFF, #5733CF, #2F0D35, #080024, #000104)
• Hushed Cerulean color palette (#F7EFF3, #C6E0F4, #6B8FC1, #006C70, #26284A)
• Dusty Lagoon color palette (#E8F5F2, #8FBDBD, #3A837C, #2E5B72, #012E2F)
• Antique Aubergine color palette (#D6E2F0, #8E9EDA, #7B68BF, #642F85, #3E1F3D)
• Pale Grape color palette (#F0F0FE, #B297C7, #A48C27, #8043A8, #302700)

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