Petrol Quarry color palette — #F7F1E6 · #AE9B5F · #008093 · #653B5E · #3E1D0F
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E6): bright and airy, almost weightless.
- Moss (#AE9B5F): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#653B5E): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#3E1D0F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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 Chapel color palette (#F9F0E9, #C98B6E, #008667, #4D4471, #3C1C21)
- Wandering Cobalt Summit color palette (#F1F3E8, #7AAB7A, #646BAC, #713C19, #3A2104)
- Weathered Moss color palette (#F6F6E8, #7BA757, #3A7E74, #2C5970, #593C00)
- Wandering Mustard color palette (#EAF9F3, #B1B963, #5D93BA, #815B75, #473C57)
- Moss Corridor color palette (#F7F2DD, #7F8C00, #006096, #6E0027, #2E0B00)
- Weathered Taupe color palette (#F9F1DE, #C5C9AE, #809C82, #7B6461, #4F3E3A)
- Periwinkle Market color palette (#F7F0EC, #C6E6E6, #71A0D4, #387776, #442E3E)
- Tempered Lagoon Basin color palette (#EDEFE0, #659058, #324029, #1E1F15, #0E0C08)
Browse the whole catalog at Explore, or see today's palette.