Muted Cobalt color palette — #FBF4EE · #BDE8D5 · #608ACE · #177167 · #583F4D

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Mint (#BDE8D5): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#608ACE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#177167): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#583F4D): A full-bodied, dusty pink — the color of peonies in June.

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

• Antique Periwinkle Villa color palette (#FAF4EB, #BDE9EB, #73AADE, #428690, #554052)
• Antique Cerulean color palette (#FBF3F1, #CAE5C7, #2C98B5, #3C703B, #2B5047)
• Timeworn Lagoon color palette (#FFF2E9, #A3D7EE, #0A7DED, #00685A, #3B3968)
• Wandering Balcony color palette (#ECF4EE, #B4E4FF, #6292BF, #226973, #1C2C45)
• Ancient Shell color palette (#FFF0F7, #ECD6DC, #FFB5A7, #557C9E, #624750)
• Soft Iris color palette (#FFF1F6, #9971CE, #688826, #007645, #492F3A)
• Aged Forest color palette (#FEF2EF, #95D2CE, #0086A1, #286224, #1D3D59)
• Hushed Cerulean Villa color palette (#F9EBE3, #278EA4, #004067, #002319, #04012B)

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