Muted Cobalt color palette — #F6F1EC · #A8D2C5 · #6B78B1 · #005B5D · #27173A

Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Pistachio (#A8D2C5): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6B78B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#27173A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Forest color palette (#F9EFEC, #B2D1B6, #2187AD, #006030, #021F47)
• Cobalt Meadow color palette (#F9F4ED, #A3D0C2, #3F77C9, #005D70, #30385B)
• Sapphire Market color palette (#FFEEE3, #85C5E4, #296ED1, #005249, #1B004F)
• Softworn Periwinkle Veranda color palette (#F0F7F1, #DAD5DF, #78A7ED, #007C94, #222A56)
• Navy Delta color palette (#C8F0EA, #31ACC2, #00699D, #0E329B, #22194D)
• Worn Bronze color palette (#D4F1E7, #5099CB, #A76E00, #005B89, #291800)
• Cypress Alley color palette (#D7FBF0, #F7D5E7, #D99BB7, #007680, #35182E)
• Tempered Denim Meadow color palette (#F4E7E1, #5495A5, #004D7B, #002D20, #02001D)

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