Muted Cobalt Workshop color palette — #DFF3F3 · #A0CAEC · #568AC2 · #006789 · #172D52

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#A0CAEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#568AC2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#172D52): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Muted Cobalt Workshop 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 Garden color palette (#E0F3EF, #9CCDDE, #1C96A7, #006D66, #00343F)
• Azure Archive color palette (#F3F7EB, #D8DFFC, #4195EB, #006586, #0B1D3C)
• Weathered Market color palette (#F8EAEF, #95B5D3, #4A65A8, #004E58, #2D225A)
• Periwinkle Study color palette (#F8ECE1, #ABD9FF, #78A1FE, #008F9D, #2C2651)
• Denim Thicket color palette (#D0E3DF, #599FA4, #006470, #003C38, #000B10)
• Turquoise Lantern color palette (#E8FAF7, #A9E7F4, #25ACCE, #008286, #00465E)
• Soft Scarlet color palette (#ECD8F4, #B15CCE, #D23B42, #006ABC, #2D1136)
• Quiet Blush color palette (#F5F2FF, #FBB8E6, #EA92B4, #906AA6, #342846)

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