Petrol Quarry color palette — #F8ECE2 · #74BBE3 · #4666A7 · #00504B · #2F2551

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#74BBE3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4666A7): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2F2551): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Dusty Forest color palette (#FCEAE5, #6CC2C0, #007390, #145320, #132F4C)
• Timeworn Petrol Workshop color palette (#E0ECEB, #94B8D6, #096FB2, #00485C, #001532)
• Patina Hollow color palette (#FDF3E9, #A4CAEA, #6473B6, #005F61, #522D3D)
• Timeworn Chapel color palette (#EDF0E5, #A4CFBF, #478CC3, #006882, #082E56)
• Worn Bloom color palette (#FFF2ED, #8BDEE6, #008BBA, #006B3C, #263F69)
• Chalky Drift color palette (#F2E2D9, #0C9FBF, #004C81, #003125, #0D0640)
• Periwinkle Lantern color palette (#F7EAF0, #B2D9F6, #66A5FF, #009095, #252460)
• Weathered Ash Veranda color palette (#FAF4EE, #C1F1F6, #8898C4, #3F7A79, #614C55)

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