Muted Cobalt color palette — #D7E7EB · #90A3AF · #697BA6 · #003F3D · #000507

Slate takes the lead with Deep Teal close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D7E7EB): a clean, paper-quiet neutral.
• Blue Fog (#90A3AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#697BA6): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Onyx Veranda color palette (#E6EDF1, #868E9A, #666885, #002F3E, #000103)
• Patina Abyss color palette (#E8F0E8, #9CBDAE, #A88BA2, #005F5D, #0C170C)
• Hushed Corridor color palette (#E7F1E8, #BED7C9, #84B1A2, #00595D, #000401)
• Navy Chapel color palette (#DCE0E7, #B1B1C4, #A97F96, #233794, #060B15)
• Petrol Dune color palette (#EDF2F9, #D9D3E0, #BBB1CF, #416598, #1B2129)
• Washed Garden color palette (#D6E9DB, #157D8B, #3C3F7A, #242100, #0B0A00)
• Cerulean Delta color palette (#ECF3F7, #D6D7E0, #BAACB6, #548D9A, #30373B)
• Aubergine Delta color palette (#D3E4EF, #00A249, #00798E, #4D00B0, #000206)

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