Muted Petrol color palette — #F7ECE5 · #85BAD0 · #006CB2 · #00504C · #202B4F

Built around Royal Blue, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Ash (#85BAD0): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006CB2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#202B4F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Worn Petrol color palette (#DDEDEB, #7BBEDA, #0074A1, #004A55, #00182A)
• Abyss Balcony color palette (#F5EDE8, #9CBB9B, #007588, #005330, #00324A)
• Worn Cobalt color palette (#FBF4EE, #9DCCEA, #4578C3, #005F63, #4C3043)
• Faded Cerulean Pier color palette (#EDF1E1, #7CD1F4, #3090C0, #006A79, #00314F)
• Frosted Ultramarine Harbor color palette (#F2E9DF, #7BA3C9, #2D41C9, #003D46, #211542)
• Hazy Study color palette (#FFF2EB, #91DEDC, #008EA7, #006A40, #004565)
• Tempered Wisteria Market color palette (#D5FCEB, #AFCEFC, #BB7EE3, #006A69, #154037)
• Tempered Ridge color palette (#CBE7FF, #279FEC, #005A91, #002A45, #001628)

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