Petrol Quarry color palette — #F2EEE7 · #81BEC1 · #007589 · #005142 · #003346
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F2EEE7): a clean, paper-quiet neutral.
- Ash (#81BEC1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003346): 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
- Timeworn Veranda color palette (#F3EEE5, #90BCAE, #3C68A6, #004D5D, #1E285C)
- Muted Quarry color palette (#F5E5E0, #7CC1C5, #00759A, #004F26, #001436)
- Cobalt Terrace color palette (#FBF4EA, #AFD9C5, #0086CE, #00656C, #1C3F71)
- Washed Cypress color palette (#F8F5EF, #CDE2DE, #7AA48D, #008172, #345247)
- Timeworn Loft color palette (#E8F1E9, #8CE4E9, #22B7D3, #16937A, #003346)
- Forest Harbor color palette (#F5EBF4, #9CCDDD, #0093BF, #007137, #112E54)
- Ancient Orchard color palette (#F4EEE5, #538A98, #00425C, #002221, #000A17)
- Tempered Bloom color palette (#F8D6C8, #BD5E5A, #00797D, #8C0016, #003031)
Browse the whole catalog at Explore, or see today's palette.