Petrol Quarry color palette — #E9E2D8 · #77C0BC · #008490 · #005C42 · #00242E

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#E9E2D8): bright and airy, almost weightless.
• Mint Leaf (#77C0BC): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Villa color palette (#F5EDE0, #5CB0C1, #007093, #004A46, #001527)
• Cerulean Grove color palette (#EFF8F0, #9BD9D5, #008A97, #00543C, #000F15)
• Cerulean Pier color palette (#F4EDE3, #AACFB3, #1994B6, #006D62, #00324B)
• Cobalt Lantern color palette (#EDE6DB, #78BBDF, #0078C8, #005862, #021851)
• Misty Corridor color palette (#E7DEE8, #8FCEC8, #00A3C2, #308129, #00213B)
• Gentle Turquoise color palette (#FEF4E4, #9EEBEC, #27ADC4, #00856A, #00475D)
• Wisteria Chapel color palette (#DEEAFF, #B6B3FF, #C98AD8, #006C97, #1A2040)
• Ancient Ultramarine color palette (#F4EBDD, #6D97BC, #1F52AD, #003948, #05002C)

Browse the whole catalog at Explore, or see today's palette.