Muted Cobalt color palette — #FDF1F7 · #AEC9DC · #417ABC · #005F60 · #30375D

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

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Sky (#AEC9DC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#417ABC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#30375D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Boulevard color palette (#F1F3EC, #9ECFEA, #3083B8, #00596B, #02223D)
• Softworn Petrol color palette (#F7EAF3, #8DB9C8, #00748F, #005238, #003150)
• Azure Market color palette (#EDF8F7, #ACDCF7, #1E9FE6, #007891, #253D54)
• Dusty Pine Loft color palette (#FBF2F8, #C2E3EC, #4A96A9, #0C7549, #2F4B61)
• Ancient Study color palette (#DBF5ED, #7D9A45, #5C6ED4, #486100, #262E68)
• Weathered Denim color palette (#F5E8F1, #5E9BA1, #00516A, #003123, #001529)
• Aged Navy Cabin color palette (#EBDBE2, #5187AA, #073780, #002224, #08002A)
• Ultramarine Veranda color palette (#E9DFE2, #77A4C6, #2650AB, #003D43, #1D104E)

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