Petrol Quarry color palette — #F6F6EA · #A4B695 · #417E85 · #764E48 · #3C4633
Built around Slate, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Sage (#A4B695): A luminous, dusty green — the color of fresh herbs.
- Slate (#417E85): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#764E48): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#3C4633): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Chestnut Courtyard color palette (#FCF4E8, #B7B18A, #518060, #775106, #4C4300)
- Lagoon Lantern color palette (#E4F6F3, #92BDBC, #308573, #6E4855, #022E2E)
- Wandering Fern Delta color palette (#F7F6E4, #75A891, #007175, #534D00, #2A3D00)
- Hushed Fern color palette (#F5F6ED, #BFC9AB, #50A08D, #896B4B, #394A00)
- Hushed Driftwood color palette (#F0FADA, #529A6E, #A16291, #924858, #373932)
- Weathered Peony Thicket color palette (#F6F7E0, #82AE6F, #B96C9C, #477332, #5D314D)
- Olive Study color palette (#FBE9B9, #A2B267, #578A45, #006950, #095050)
- Weathered Turquoise color palette (#E9FAF5, #A7E1E4, #5BBEC3, #9B87A7, #2E4849)
Browse the whole catalog at Explore, or see today's palette.