Petrol Grove color palette — #E8E7C8 · #4DA293 · #227297 · #6D301C · #39332E

Slate takes the lead with Rust close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#E8E7C8): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#4DA293): A luminous, balanced teal — the color of sea glass.
• Slate (#227297): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#6D301C): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#39332E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Petrol Grove 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

• Patina Petrol color palette (#E6F1DC, #7FA58A, #4C6CAA, #603D00, #303400)
• Wandering Garden color palette (#E8DDC1, #7CA878, #007777, #743542, #592E28)
• Ancient Courtyard color palette (#D0EEE1, #1D9BA3, #245293, #552E00, #2A2500)
• Tempered Turquoise color palette (#D1E7E5, #3DA8B5, #2B6C85, #3B345E, #1C1A38)
• Muted Turquoise Delta color palette (#C8E6E2, #43B7C0, #66917A, #734D63, #4E2F3C)
• Softworn Lagoon color palette (#E7E6D3, #569E6F, #006356, #354413, #252D0C)
• Brick Basin color palette (#CCE8D6, #00788E, #B11101, #743C00, #00242C)
• Worn Brick Grove color palette (#CAE6D6, #008CAE, #C21C32, #005166, #4D0D12)

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