Muted Cobalt Studio color palette — #F7F1EA · #ABD1C7 · #6277BF · #005967 · #221840

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Oat (#ABD1C7): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6277BF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#221840): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Cobalt Studio 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

• Washed Drift color palette (#FAEFEA, #AFD2B7, #0088B2, #005D49, #002140)
• Cobalt Atelier color palette (#F3F6EF, #A0D1C4, #4378C5, #005A80, #2C395A)
• Softworn Cobalt Thicket color palette (#FFEEE2, #87C4E5, #1371CF, #005152, #11094E)
• Cypress Bloom color palette (#F7F0ED, #CCE3D2, #5A96B5, #006F5B, #39223B)
• Wandering Grove color palette (#EBF8F8, #DBDDE7, #7DA8E4, #0078A6, #1D2D51)
• Denim Terrace color palette (#F8EBE3, #4F95AB, #004E79, #002C28, #00011D)
• Washed Coast color palette (#F4E4E5, #A45F9D, #707400, #006D40, #220720)
• Cobalt Atelier color palette (#FFECF2, #F2CAC9, #F0A594, #6C6AB0, #3A181E)

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