Muted Petrol color palette — #FBF2F5 · #DADEEE · #839ABE · #367A82 · #49516C

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

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#DADEEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#839ABE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#367A82): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#49516C): A full-bodied, 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 Cerulean Drift color palette (#EFF7F7, #D8DBEA, #95B5D7, #3D91B4, #42546B)
• Washed Petrol color palette (#F1F3EC, #C5E1E5, #7C9FC6, #257494, #432D42)
• Wandering Olive Station color palette (#E5FBF5, #9EBB87, #9D8FC1, #5D7E3D, #464A6B)
• Denim Terrace color palette (#EDDDE3, #7FA3C0, #2D5696, #003D41, #1A1745)
• Weathered Lantern color palette (#F7EAF2, #80BCCB, #0070A0, #005145, #0C2C5B)
• Hushed Lagoon Corridor color palette (#EADDE6, #4B9EA3, #005266, #003120, #001527)
• Dusty Cerulean Veranda color palette (#FBF2F9, #A4D7EA, #008CB3, #00694F, #164268)
• Washed Driftwood color palette (#FFF0F7, #A6C0A6, #9A7386, #6E5469, #384E41)

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