Petrol Quarry color palette — #F2E4DE · #6CC1C5 · #00819F · #005C3F · #002238
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F2E4DE): a clean, paper-quiet neutral.
- Mint Leaf (#6CC1C5): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Cobalt Quarry color palette (#F3E2D5, #73BCE0, #2F76C2, #005959, #151945)
- Dusty Orchard color palette (#EFF8F0, #A1D5E6, #0089A0, #005344, #000F17)
- Ancient Harbor color palette (#E8DBD6, #55AFB3, #00607E, #00411D, #001D46)
- Powdered Studio color palette (#F6E9F5, #89CDD2, #119FD1, #008246, #001C4A)
- Pale Cornflower Balcony color palette (#FFF3E9, #88D6FF, #218BFB, #007273, #272B65)
- Feathered Quarry color palette (#FFF2EC, #9CEAF4, #00AADC, #008667, #204263)
- Softworn Villa color palette (#D9F9E2, #00B882, #007749, #003B20, #000E05)
- Powdered Meadow color palette (#E7ECD4, #47E1C8, #00B8E0, #6D6F00, #192508)
Browse the whole catalog at Explore, or see today's palette.