Petrol Quarry color palette — #E7F1E9 · #84C4C2 · #007581 · #00402E · #000305
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Mint Leaf (#84C4C2): A luminous, dusty teal — the color of sea glass.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Feathered Petrol color palette (#E2F3E5, #7AC0E9, #0069B6, #003D45, #000016)
- Wandering Cerulean Garden color palette (#EBF9EE, #85DBEA, #0087AB, #00524B, #000E1A)
- Worn Lagoon Chapel color palette (#F4EEE3, #4E9F9C, #00545D, #003123, #00171F)
- Frosted Pine color palette (#F4ECF5, #80BDBC, #0091B4, #007325, #00142C)
- Dusty Grove color palette (#EAFAED, #C4E8FF, #00ABCD, #007464, #00283B)
- Hushed Hollow color palette (#F5DBF7, #A400B2, #715300, #004C53, #030004)
- Moss Parlor color palette (#CCEFDD, #7C902C, #554F00, #2C1F00, #000200)
- Wandering Iris color palette (#EDF9EF, #D9DDF9, #6690E3, #006680, #171549)
Browse the whole catalog at Explore, or see today's palette.