Petrol Quarry color palette — #DDE7DF · #7ABFC1 · #008397 · #005B49 · #002331
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DDE7DF): a clean, paper-quiet neutral.
- Mint Leaf (#7ABFC1): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Powdered Cobalt Cabin color palette (#D9E3DB, #72BCDF, #007AC1, #005860, #051D45)
- Tempered Lagoon Orchard color palette (#F6F7E5, #8ADCDE, #008A96, #00524A, #000F14)
- Iris Workshop color palette (#D5EAF3, #64C8F8, #6797FF, #007369, #002437)
- Pale Teal Loft color palette (#F6ECF5, #34B3B5, #00607C, #004119, #001F42)
- Worn Terrace color palette (#D2E3E7, #00A9C1, #006F83, #003843, #000B0F)
- Softworn Cerulean Market color palette (#E8DCD6, #A8CAAA, #00A2C3, #008156, #002237)
- Gentle Boulevard color palette (#EBFAED, #84D7FF, #0092E9, #00717B, #102F67)
- Worn Turquoise Meadow color palette (#F0F7F1, #CDDFF7, #5BB1D1, #2A8B80, #344A5C)
Browse the whole catalog at Explore, or see today's palette.