Petrol Quarry color palette — #FDF1F6 · #C29A77 · #9A8545 · #1F719A · #3C2B3A
A conversation between Slate and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F6): bright and airy, almost weightless.
- Camel (#C29A77): A luminous, dusty gold — the color of old brass.
- Caramel (#9A8545): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#1F719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3C2B3A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Muted Petrol color palette (#F0F8F0, #B99567, #759456, #5B64A9, #2D3C2C)
- Cypress Harbor color palette (#F9F2FD, #C893A4, #B2775F, #027F7C, #3A2F40)
- Aged Petrol Loft color palette (#FAF2FC, #DC9DAA, #9B8C50, #5164A9, #5E343E)
- Worn Coast color palette (#FBEEF3, #C98C5B, #465F52, #45313A, #261F25)
- Amber Hollow color palette (#E6FCEA, #B98A00, #7E7B00, #005D92, #3B1900)
- Antique Canyon color palette (#FFF2EB, #EE9B71, #49A084, #407965, #2E2028)
- Wandering Pine Dune color palette (#FEF2EE, #AE6E6D, #1C8055, #175973, #443135)
- Blush Ridge color palette (#FDF1FC, #FB9B9C, #78B994, #6289A3, #363543)
Browse the whole catalog at Explore, or see today's palette.