Petrol Quarry color palette — #F4E4EF · #66B0B3 · #00728C · #004C33 · #001526
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E4EF): A whisper-light, dusty pink — the color of peonies in June.
- Turquoise (#66B0B3): A luminous, dusty teal — the color of sea glass.
- Teal (#00728C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C33): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001526): A deep, shadowed, dusty blue — the color of open sky before noon.
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 Pier color palette (#F3E6EE, #6CBFD4, #007DB4, #005A4E, #001C4B)
- Aged Petrol color palette (#F4EDE2, #6CC8CD, #007487, #003F33, #000306)
- Lagoon Summit color palette (#F0F0E3, #00A3AA, #00545D, #00302C, #00171E)
- Softworn Denim color palette (#EBDFE4, #569CC0, #0056A8, #003B3C, #05002C)
- Faded Delta color palette (#C3E6F4, #75BBE3, #868AF2, #006F5B, #00202C)
- Timeworn Plum color palette (#D5E9F4, #0084A6, #AF008D, #004D62, #220019)
- Hushed Grove color palette (#F5EBF2, #8BD3D2, #0096B0, #007044, #00324B)
- Mulberry Pier color palette (#D9F2F4, #00747B, #AB0034, #763500, #000A0B)
Browse the whole catalog at Explore, or see today's palette.