Muted Cobalt color palette — #FFF1F6 · #ACC9E1 · #5B76B6 · #00605C · #3D325E

Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#ACC9E1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5B76B6): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3D325E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, 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

• Cobalt Thicket color palette (#FFF0F8, #77C4DE, #0070C0, #005746, #28266E)
• Weathered Forest Loft color palette (#FAF2FB, #9FCED9, #0086A1, #2B6129, #1B3D5B)
• Timeworn Corridor color palette (#F7F1E8, #B1CFC4, #537EB3, #005968, #121C45)
• Worn Azure color palette (#F0F7F1, #BCD8F0, #6498D7, #00798D, #293765)
• Frosted Plum color palette (#F4DAFA, #B6566D, #007D7B, #0D5E76, #38223D)
• Hushed Onyx color palette (#EDDAE8, #5A9BA8, #004E78, #003121, #060A3E)
• Dusty Stone Boulevard color palette (#FAF1FF, #FFC6B8, #B6B16C, #7E5F8F, #49334A)
• Ancient Navy color palette (#F3E7EB, #4F86B1, #27327E, #002223, #0F0022)

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