Muted Cobalt Garden color palette — #FFF1F6 · #98CCF0 · #5E76B3 · #00605D · #333857

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#98CCF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5E76B3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#333857): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Cobalt Garden 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

• Tempered Cerulean color palette (#FCF1FD, #8BD4D2, #2184A1, #2F5F35, #253C54)
• Frosted Cobalt color palette (#FFF0F8, #41C8F5, #0B6EC7, #005749, #2C2865)
• Patina Cobalt color palette (#F0F3EA, #A4D3C4, #457FBB, #005773, #081F43)
• Patina Lagoon color palette (#EAF9F8, #BAD8F3, #639AD2, #00769B, #233B5E)
• Violet Veranda color palette (#E1E2FF, #9459C5, #467D2D, #00654B, #292842)
• Muted Apricot Study color palette (#F2F5FF, #FDC7EA, #DE9D7B, #46759B, #3E364F)
• Tempered Cerulean color palette (#FDF3EB, #C5EADD, #8FB1F4, #009EAB, #37345E)
• Cerulean Canyon color palette (#F1DBEA, #00A1B7, #004F77, #003121, #060B3D)

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