Petrol Grove color palette — #FFF5D8 · #D4D1A6 · #70A790 · #5B5F93 · #542F3B

Slate takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF5D8): A whisper-light, dusty green — the color of fresh herbs.
• Wheat (#D4D1A6): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#70A790): A luminous, dusty teal — the color of sea glass.
• Slate (#5B5F93): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#542F3B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, 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

• Petrol Orchard color palette (#FFF3E6, #E0CEA8, #9B9C7A, #4A76A1, #38355D)
• Weathered Lagoon Canyon color palette (#E6E1B0, #99B48A, #47846F, #47516E, #48344D)
• Timeworn Drift color palette (#DFFFE3, #9DDFCC, #28A2B0, #854A8D, #4E1B2F)
• Teal Quarry color palette (#FFEBDF, #C0C5A5, #77B098, #9E7472, #5F3938)
• Quiet Aubergine color palette (#D9E8CB, #509E78, #0E7178, #47195F, #200012)
• Hazy Plum Quarry color palette (#E8FDDB, #B4E6DE, #7EA4C3, #A64F74, #6D3122)
• Hushed Cocoa Pier color palette (#DFFAD9, #9FCCB3, #6A8EB9, #7D424F, #4B2413)
• Onyx Villa color palette (#DDEBCA, #348E93, #005C7C, #41062A, #090001)

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