Muted Cobalt color palette — #F9F0E9 · #A7D3BF · #3E7AD4 · #005C52 · #321527

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Pistachio (#A7D3BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#3E7AD4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#321527): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Cobalt color palette (#FAEFEB, #B1D1B7, #0D87B5, #005F36, #0D1F3F)
• Hushed Lantern color palette (#F8F0E8, #A8D5FF, #6A77DF, #006165, #2D1942)
• Faded Hollow color palette (#DAF0DD, #00A5AD, #AF4FAF, #006167, #2D0C2D)
• Wandering Periwinkle color palette (#FEF1F7, #9DDFFF, #6996DB, #1E7C70, #313957)
• Patina Cerulean color palette (#EFE1DB, #319AA3, #00506E, #002E17, #000314)
• Nightshade Chapel color palette (#EADFD5, #507F9C, #0719AA, #001F1D, #020008)
• Tempered Ultramarine color palette (#EEE6DF, #67A3CF, #3045C3, #003939, #100027)
• Feathered Moss color palette (#E5EDCF, #5EAC57, #007C61, #004C4B, #00232A)

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