Petrol Quarry color palette — #FFF1F7 · #ECC2A4 · #7AA781 · #1472A6 · #4B2B47
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Wheat (#ECC2A4): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#7AA781): A luminous, dusty green — the color of new leaves after rain.
- Slate (#1472A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4B2B47): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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
- Petrol Summit color palette (#EDF8F2, #D2CF98, #60A8A4, #5B64A8, #552835)
- Dusty Cabin color palette (#FAF2FB, #F1BBC3, #A89B5A, #007B74, #303558)
- Weathered Teal color palette (#F8F3FD, #F0B2D0, #5EBF99, #9878AB, #413F59)
- Washed Teal color palette (#F1F7F2, #D9DFEB, #A3D3F2, #31A4A7, #3D4F63)
- Washed Coral Bloom color palette (#FFEEE5, #D4846C, #257D95, #374D6E, #341E34)
- Chalky Aubergine color palette (#EAF9F4, #AFC57F, #0099B8, #7A3C93, #471D00)
- Antique Amber color palette (#FFF3E9, #D08346, #477F58, #30577A, #593839)
- Ancient Stone color palette (#F0F7F0, #CFA675, #465A4D, #242E23, #140D10)
Browse the whole catalog at Explore, or see today's palette.