Muted Cobalt color palette — #FBF4EE · #B5E4FE · #678AC6 · #286F67 · #5B3D4E

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Powder Blue (#B5E4FE): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#678AC6): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#286F67): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5B3D4E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Cerulean Grove color palette (#F4F7EC, #BDE6E8, #7EAACF, #44849A, #573D5A)
• Cerulean Orchard color palette (#E8F5F4, #C2E1F8, #5F93BD, #1D687E, #192D43)
• Weathered Cerulean Grove color palette (#FCF3F0, #C8E6C6, #5095AB, #496C4A, #2C4F47)
• Muted Azure Thicket color palette (#E3FCF4, #49A7EC, #C37238, #216B9E, #5E381D)
• Faded Parlor color palette (#AAF5E5, #00B6D3, #0083B2, #375A8C, #59384C)
• Cerulean Balcony color palette (#FFF2EE, #88D5D1, #1785A0, #306030, #1C3D5B)
• Worn Cobalt color palette (#DCFEF1, #0093D0, #A0711E, #6A6726, #253E35)
• Hushed Coast color palette (#FCF2F7, #D7DEF5, #9DBFF1, #00ADB4, #3C4763)

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