Petrol Quarry color palette — #FBEDFB · #91B6E6 · #72AB89 · #4F73A3 · #30322B
A conversation between Slate and Sky, giving this palette its sense of nature and growth.
The five colors
- Blush (#FBEDFB): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#91B6E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Jade (#72AB89): A luminous, dusty teal — the color of glacier melt.
- Slate (#4F73A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#30322B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Pewter color palette (#FBEEF2, #BEA7DD, #58ABB5, #7F62A1, #1A3923)
- Patina Boulevard color palette (#E9F5EF, #7FBDDB, #B58CB5, #377A98, #46262C)
- Hushed Pewter Lagoon color palette (#FBEEF4, #B5ABDC, #C68B81, #7467A2, #531F00)
- Weathered Cobalt color palette (#EFF6FF, #98B0DE, #C28C56, #4C70B7, #65404F)
- Wandering Bloom color palette (#FAEDF7, #E9D2D3, #B3AC9D, #967796, #4B3A45)
- Hushed Cobalt Veranda color palette (#FFEBFA, #B9C5F3, #727EB3, #3E4672, #2D0F26)
- Linen Corridor color palette (#FFEBF9, #7E8EF3, #009882, #403ED1, #002720)
- Dusty Periwinkle color palette (#FDF1FE, #DADBF7, #E5C88A, #6B9DD7, #4A463F)
Browse the whole catalog at Explore, or see today's palette.