Petrol Quarry color palette — #FFF4E2 · #F0C383 · #8F9959 · #2E6897 · #35312B
A conversation between Peacock and Cantaloupe, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cantaloupe (#F0C383): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Moss (#8F9959): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#2E6897): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#35312B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Patina Amber color palette (#FFF4E2, #FFB7AC, #B78752, #007275, #37302C)
- Celadon Veranda color palette (#FFF4E2, #BDD889, #4DA581, #665A8C, #32322B)
- Iris Boulevard color palette (#FFF3E8, #F5B6A0, #A1AD5B, #8872BE, #413C36)
- Timeworn Basalt Villa color palette (#FDF4E5, #DFE1AF, #80B088, #8A657E, #474000)
- Hushed Olive Study color palette (#E5FCEA, #B98F50, #677100, #215178, #2C4434)
- Wandering Emerald Courtyard color palette (#FFECC5, #00A373, #006068, #4D0044, #000504)
- Stone Grove color palette (#FFF4E1, #D2E3BC, #B3BB93, #8E768D, #5D3A49)
- Tempered Lime Courtyard color palette (#FFF4DE, #95D64B, #009D7C, #664198, #0A3110)
Browse the whole catalog at Explore, or see today's palette.