Petrol Quarry color palette — #EEF8F4 · #E9D8DA · #CEB4BB · #0072A5 · #2A473D
Built around Slate, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Silver (#E9D8DA): bright and airy, almost weightless.
- Rosewood Mist (#CEB4BB): A luminous, dusty rose — the color of a warm blush.
- Slate (#0072A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#2A473D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Washed Sapphire color palette (#F9F3F9, #E7D5D4, #CFB4B7, #0866CF, #4A394A)
- Denim Lantern color palette (#E6F1EE, #D4C8CF, #B5989C, #005795, #21322E)
- Driftwood Drift color palette (#FAF3F5, #E0D9D4, #A5AFA2, #9374A3, #5A4F52)
- Turquoise Courtyard color palette (#ECF7FF, #DAD8E6, #BCA6A5, #62AEDA, #32424E)
- Forest Pier color palette (#BAF9E2, #6EAECF, #7D6AA7, #0B6E36, #045240)
- Misty Corridor color palette (#FFF2EA, #BA9F6D, #667100, #633E7C, #4C3605)
- Weathered Drift color palette (#EDE6EB, #C6B3B9, #A48685, #2731A1, #281A25)
- Sapphire Field color palette (#F9E7F5, #3E5AD3, #3A1C44, #0D1534, #02160E)
Browse the whole catalog at Explore, or see today's palette.