Tempered Petrol Quarry color palette — #F4EEE4 · #9CBB9E · #007587 · #005141 · #003345
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Sage (#9CBB9E): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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 Petrol color palette (#F3EEE6, #81BBD3, #006FA6, #004F53, #082D5A)
- Cerulean Pier color palette (#FBF4EA, #B1CDB8, #1E84A3, #006158, #133F59)
- Aged Abyss Market color palette (#F3E6E1, #84C0C1, #007697, #004F21, #001532)
- Tempered Cypress color palette (#F9F4EE, #C9E6E0, #7BA48D, #367D6F, #305346)
- Timeworn Turquoise Meadow color palette (#E6F2E8, #9CE1E3, #00B8D3, #009478, #003345)
- Muted Cerulean Courtyard color palette (#E5DDD1, #388DA0, #00425A, #002221, #000A17)
- Muted Navy Villa color palette (#EEE3D2, #6095BE, #0B4790, #002E38, #090247)
- Washed Plum Veranda color palette (#F0E4EE, #A2369F, #755A00, #005762, #310F30)
Browse the whole catalog at Explore, or see today's palette.