Muted Cobalt color palette — #FDF3EE · #9FD9E6 · #008ABE · #006857 · #183F72

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Powder Blue (#9FD9E6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006857): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#183F72): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Quiet Hollow color palette (#FEF2EC, #6FC6DE, #0075AD, #00574D, #052B76)
• Cerulean Hollow color palette (#E5F6F3, #91DEEE, #0091B1, #006165, #002939)
• Feathered Turquoise Chapel color palette (#F5F7E9, #97EAFC, #00ACD2, #008286, #00465F)
• Muted Cypress color palette (#FAF4F0, #CBE6E7, #AB8EAE, #007F7E, #63495C)
• Chalky Study color palette (#FDF5DE, #B0A728, #006DD6, #655F00, #003975)
• Airy Sky Summit color palette (#FDF1F9, #ACF2FF, #47C4FE, #28A78C, #1A406D)
• Navy Balcony color palette (#E9E0D8, #5886A6, #002D97, #002225, #090029)
• Faded Terrace color palette (#EFE7DF, #7DA3C5, #2C4AB7, #003D45, #201249)

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