Muted Cobalt color palette — #F0F5FF · #667CC9 · #3F805D · #00605B · #283347

Built around Periwinkle, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Periwinkle (#667CC9): A luminous, balanced violet — the color of a velvet chair.
• Fern (#3F805D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#283347): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Antique Corridor color palette (#EFF6FF, #4F82C6, #925C81, #0C614E, #263445)
• Ancient Quarry color palette (#F5F4FF, #996EA7, #99604B, #005A7C, #332F48)
• Antique Fern color palette (#F0F0FF, #9478B0, #9F663A, #266111, #18172A)
• Worn Grape color palette (#DCE3FF, #6E33E9, #006853, #00454E, #201446)
• Worn Courtyard color palette (#F8F2FF, #AA688F, #93662F, #605300, #372E41)
• Aged Bronze color palette (#E6FAFA, #3B9473, #9F5E37, #694E00, #1D3839)
• Pewter Loft color palette (#F5F4FC, #DFD7DE, #CAB9C6, #886593, #47464F)
• Olive Coast color palette (#FFF1F2, #CB83B7, #C37960, #4B7F1C, #47292C)

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