Worn Petrol Quarry color palette — #F7EBF3 · #89BACB · #0081A2 · #005C42 · #00213A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EBF3): bright and airy, almost weightless.
• Ash (#89BACB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00213A): 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 Worn 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

• Powdered Cobalt Coast color palette (#EBDDE3, #7DBBD8, #2277C6, #005958, #121255)
• Hushed Lantern color palette (#FFF2EC, #81DDE5, #0087AA, #00543C, #000E1D)
• Timeworn Cobalt color palette (#F4EBF1, #A7CADD, #2B8ECB, #006D62, #182C55)
• Antique Turquoise Loft color palette (#E0E2D7, #54AEB6, #006270, #003E3B, #00242D)
• Hushed Grove color palette (#F9F3F8, #D0DFF7, #75ADCE, #008F7A, #344963)
• Hushed Olive Corridor color palette (#DEF6F3, #82D7C8, #47A9CF, #6E7000, #002F21)
• Ancient Market color palette (#DBEEE2, #43B178, #007B49, #003B25, #000E06)
• Powdered Olive color palette (#E9E8D1, #7D9000, #367900, #004B2A, #00271F)

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