Petrol Quarry color palette — #E2ECE3 · #8BBCCD · #00788E · #004C40 · #001925

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E2ECE3): bright and airy, almost weightless.
• Ash (#8BBCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001925): 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

• Softworn Cerulean color palette (#EAF5EC, #A2CFE4, #3F85A2, #005C57, #00233A)
• Cobalt Villa color palette (#E2ECE4, #8BB9DF, #3869B6, #004959, #0C0D3D)
• Petrol Cabin color palette (#F5ECE9, #81BDC2, #007298, #00532B, #0A2C5D)
• Dusty Delta color palette (#E4F3E6, #62A7C1, #005E8B, #00393B, #000A1E)
• Softworn Abyss Alley color palette (#D6E4D9, #428295, #00415C, #001F1F, #000104)
• Washed Petrol Garden color palette (#DFE9FF, #D1C3EE, #C991C3, #296798, #191232)
• Sapphire Veranda color palette (#D3E2FF, #4D5CCE, #9F3621, #005C2E, #040429)
• Powdered Ultramarine color palette (#CFE3F0, #0086D3, #0249B2, #222087, #170643)

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