Muted Cobalt color palette — #BBE8EF · #497EA7 · #4B3F6E · #312F00 · #002612

Slate and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#BBE8EF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#497EA7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#4B3F6E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#312F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#002612): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Aubergine Bloom color palette (#DCF2FF, #626B9E, #672F6A, #0C3700, #002515)
• Aged Denim Villa color palette (#D8EDDD, #338383, #28476F, #482000, #242300)
• Gentle Navy Dune color palette (#EADCD2, #5798BB, #004792, #003031, #0E0046)
• Pale Pier color palette (#D4EFF9, #778CDE, #945898, #4E6020, #1B2400)
• Feathered Aubergine Alley color palette (#DADFFF, #6F609A, #612477, #4B0712, #1D0300)
• Patina Orchard color palette (#E2E1C5, #2A7D54, #00413B, #002636, #001409)
• Antique Harbor color palette (#EAE9F7, #A47BA5, #87463F, #00453F, #002F42)
• Iris Loft color palette (#E3E4F9, #9379C4, #7A5186, #691C1F, #310800)

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