Muted Petrol color palette — #E9FBEC · #4AA6B9 · #3C6CA2 · #7B3433 · #254152

A conversation between Slate and Rust, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#4AA6B9): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3C6CA2): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7B3433): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#254152): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, cool.

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

• Washed Summit color palette (#EBFAEE, #86ACCE, #7370A5, #82491B, #39495E)
• Mulberry Villa color palette (#E8FBEC, #67A78B, #007882, #6E3763, #11454C)
• Tempered Orchard color palette (#FFECF2, #44B0A1, #3F6BAD, #653B00, #052733)
• Frosted Cocoa Garden color palette (#EAF8FF, #4794AB, #7A4F8B, #723400, #16431D)
• Cornflower Chapel color palette (#FFF3E7, #4BC8BB, #5884D7, #86582A, #2A4434)
• Soft Nightshade color palette (#CBF0D2, #0087BC, #3A36C0, #5F2300, #002A4E)
• Ancient Drift color palette (#F0F7F1, #C3E2EE, #4396AF, #007264, #2C4B62)
• Weathered Grape Grove color palette (#E0FFE6, #6686E3, #7940A3, #5D3F00, #302E5F)

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