Petrol Quarry color palette — #FFE8E4 · #E0B091 · #7DA48A · #227C88 · #244D6A
Teal takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#FFE8E4): A whisper-light, dusty orange — the color of autumn markets.
- Sand (#E0B091): A luminous, dusty gold — the color of old brass.
- Eucalyptus (#7DA48A): A luminous, dusty teal — the color of glacier melt.
- Teal (#227C88): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#244D6A): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Quarry 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
- Timeworn Hollow color palette (#FFE9CE, #C1C187, #83A27D, #516E97, #4A496F)
- Cypress Coast color palette (#FFF1F6, #EBADA4, #B78E6E, #3A7E69, #005762)
- Tempered Marigold color palette (#FFF2EF, #FFD4B8, #CAA750, #007A82, #1A4660)
- Patina Terrace color palette (#F2DBE9, #C49C75, #837F4D, #0D6375, #183C66)
- Washed Denim Veranda color palette (#FFE8D4, #AD9358, #4B7F71, #07527B, #182149)
- Basalt Ridge color palette (#E6FBF0, #B7DBD3, #8EACAD, #7C8396, #4F4A63)
- Lagoon Boulevard color palette (#E8E2D4, #A2B576, #43996C, #495696, #4C2963)
- Mustard Lantern color palette (#FFDAF7, #FFBAAF, #C0B45B, #6A8CC0, #553B54)
Browse the whole catalog at Explore, or see today's palette.