Muted Petrol color palette — #F4F6EF · #C8E4E2 · #6FA1BA · #307A86 · #335248

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E2): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6FA1BA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#307A86): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#335248): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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 Field color palette (#EFF0E0, #75C0C0, #00767F, #005147, #00343D)
• Aged Cypress Summit color palette (#F7F0EC, #C8E4E3, #74A1C8, #007C74, #432E40)
• Washed Powder Quarry color palette (#EFF7F6, #D6DDEB, #87D2F8, #60B0BD, #405567)
• Navy Alley color palette (#DFE4D5, #4C88AA, #004066, #00212B, #00091A)
• Antique Cobalt Canyon color palette (#F2F8E9, #ACD3F7, #3D80D1, #006185, #223D75)
• Driftwood Garden color palette (#FFF2F0, #C08398, #B07D4D, #766EA2, #533C39)
• Weathered Stone color palette (#FFF2EF, #E1D8CF, #C2C299, #A87E7D, #5D4741)
• Aged Cocoa Cabin color palette (#FFF1F0, #D59DB4, #AC9760, #975E77, #654700)

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