Petrol Grove color palette — #DBE6DB · #509189 · #1373A3 · #673A2B · #210F00

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

The five colors

• Parchment (#DBE6DB): bright and airy, almost weightless.
• Storm Blue (#509189): A luminous, dusty teal — the color of sea glass.
• Slate (#1373A3): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#673A2B): A full-bodied, dusty orange — the color of autumn markets.
• Ink (#210F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Softworn Emerald color palette (#F3F0DB, #639A5A, #00777D, #683A4D, #21010F)
• Lapis Delta color palette (#D2F5F3, #4A8CC0, #6155A9, #534508, #1C1200)
• Wandering Brick color palette (#D1E5D8, #007C93, #BF1200, #7B4D00, #000203)
• Patina Lagoon Thicket color palette (#E7E6CB, #529A72, #007267, #395119, #000803)
• Faded Denim color palette (#C7E8F4, #08829B, #005B86, #3C2558, #110A25)
• Gentle Rust Courtyard color palette (#DAF6E6, #008CAB, #C33A00, #005E74, #110100)
• Tempered Cerulean Hollow color palette (#CDEAE8, #008E9D, #11526A, #231B3E, #050001)
• Weathered Cobalt Basin color palette (#F5EAE4, #63ADBF, #007DB2, #005F51, #00081F)

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