Muted Petrol color palette — #F1DCE6 · #68ABCD · #2267B2 · #004A4A · #0C0146

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F1DCE6): A whisper-light, dusty rose — the color of a warm blush.
• Cyan (#68ABCD): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2267B2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0146): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Lantern color palette (#F0E1EC, #67AFB6, #00718F, #004C37, #001528)
• Pale Orchard color palette (#DFEADE, #86B6E5, #546DC7, #005764, #211444)
• Gentle Sapphire Corridor color palette (#F7ECE4, #6DC2EC, #0066BF, #003E3E, #010014)
• Tempered Denim color palette (#EBEEE2, #6796AE, #004F76, #002E39, #001529)
• Timeworn Periwinkle Atelier color palette (#CAE9FC, #8DA9FB, #AB7DC1, #00626C, #001437)
• Onyx Workshop color palette (#C9EEEB, #008C9C, #006185, #003454, #090052)
• Soft Cornflower color palette (#DFEBF7, #098AE5, #005B9C, #002854, #00030C)
• Washed Cobalt Orchard color palette (#F5EBF0, #94CEE6, #338BD4, #006C67, #1D2A58)

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