Petrol Quarry color palette — #F0E6EA · #93B8D9 · #5865AA · #004B4D · #1F0438

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F0E6EA): bright and airy, almost weightless.
• Sky (#93B8D9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5865AA): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1F0438): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Airy Sapphire color palette (#FBEDF3, #88C3EB, #4063E5, #005250, #220048)
• Washed Petrol Boulevard color palette (#F0E5EF, #84BFC4, #00759D, #004F2A, #001339)
• Ancient Cornflower color palette (#F5EDE5, #9BCAF0, #677DE0, #006C6C, #33254A)
• Washed Navy color palette (#ECDEE6, #5293B2, #094398, #002C27, #050019)
• Washed Plum color palette (#D8EFF7, #009198, #B42D72, #005155, #280014)
• Muted Atelier color palette (#F1E4F0, #4F8091, #00415A, #00210F, #000107)
• Muted Terrace color palette (#A1EFF9, #00AEBB, #006365, #003132, #000507)
• Timeworn Emerald color palette (#E3EBD8, #359C5D, #006B5F, #003E46, #001923)

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