Muted Petrol color palette — #D6F4EC · #70A8B2 · #567B99 · #573F5E · #361C2F

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

The five colors

• Honeydew (#D6F4EC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70A8B2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#567B99): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#573F5E): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#361C2F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Weathered Market color palette (#DEF7FF, #91B9D3, #7588A7, #6A5A69, #3E2D35)
• Timeworn Periwinkle color palette (#C5E7FD, #89ABD8, #746C97, #674559, #182F1B)
• Timeworn Cerulean Grove color palette (#CCF1F0, #0090B0, #224E83, #3D2741, #250B00)
• Weathered Corridor color palette (#CDE8E7, #00A4B4, #006D88, #00435E, #001E35)
• Patina Pewter Courtyard color palette (#C8EFD8, #9DC2B4, #A385A3, #765A7F, #5C3950)
• Aged Summit color palette (#EBF5EC, #9CD1E5, #4483AB, #005B5E, #09213B)
• Rust Market color palette (#D3EDFF, #009FCE, #C05B00, #005E7B, #311200)
• Periwinkle Field color palette (#E2F3FF, #53B0FA, #006A9E, #003656, #000B18)

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