Petrol Quarry color palette — #F0F8EC · #489B85 · #306EA6 · #514677 · #412E2F
Slate takes the lead with Fern close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F8EC): a clean, paper-quiet neutral.
- Fern (#489B85): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#306EA6): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#514677): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#412E2F): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Trust, Stability, Creativity, 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
- Ancient Coast color palette (#F6F6EB, #758F55, #00757D, #1C5780, #403139)
- Softworn Delta color palette (#FDF2F1, #BE7593, #0073A1, #3F4679, #413033)
- Hushed Lagoon color palette (#F9F5E5, #91B47E, #3A895E, #21617B, #474841)
- Powdered Aubergine color palette (#E8FAF4, #2A79AC, #7A3B91, #6E2742, #382618)
- Dusty Moss Summit color palette (#F4F2E7, #9B8F2A, #5466A3, #3F4C76, #23150F)
- Muted Petrol color palette (#FEF3EA, #BC7D55, #6A5DA1, #6E3D68, #372F2D)
- Nightshade Archive color palette (#ECF9EE, #007984, #392FA5, #4F155D, #301712)
- Timeworn Mint color palette (#F4F7EA, #98CEA0, #68B297, #8B7AAE, #32302A)
Browse the whole catalog at Explore, or see today's palette.