Muted Cobalt color palette — #FCEFE6 · #AEDCC3 · #3D89C2 · #00635C · #102050

Built around Cerulean, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Pistachio (#AEDCC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3D89C2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00635C): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#102050): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Hushed Canyon color palette (#FBEFE9, #97DFDA, #0093A7, #006635, #00293B)
• Cerulean Loft color palette (#F4F7E9, #9BD9F0, #008BBA, #006571, #004467)
• Chalky Drift color palette (#FEEFE4, #76C7EC, #0A74C7, #005250, #0D0A4E)
• Antique Meadow color palette (#F6E3D7, #5794A5, #004F74, #002C26, #000314)
• Patina Sky color palette (#EBF8F7, #D4DEEA, #29BDF9, #008596, #003957)
• Antique Alley color palette (#F7F1EB, #C9E2E4, #869DC4, #537559, #432F3B)
• Clover Lantern color palette (#E2E8D4, #64BC3C, #007D4E, #00554C, #002E2F)
• Washed Teal color palette (#C7FFF7, #00C5AE, #007F72, #004339, #001512)

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