Petrol Quarry color palette — #F3E7D9 · #90B8DD · #4F66AD · #004A54 · #170B37

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

The five colors

• Parchment (#F3E7D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#90B8DD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4F66AD): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170B37): A deep, shadowed, balanced 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

• Patina Petrol Chapel color palette (#E8F1E7, #8AB7DD, #5462A7, #004F51, #362052)
• Petrol Veranda color palette (#F7E5DC, #6AC3CE, #007699, #004D3A, #00172E)
• Cornflower Drift color palette (#E6F2E8, #A3C9EE, #5A84D6, #006882, #252758)
• Dusty Navy Studio color palette (#EEDACB, #2B95C2, #00498A, #002C2C, #02001C)
• Wandering Atelier color palette (#F3E0D8, #2B8790, #004256, #002016, #000104)
• Aged Turquoise Dune color palette (#F8F0EB, #C3EDE0, #61A8BA, #4A765C, #223C33)
• Plum Meadow color palette (#F8E4DE, #C7003D, #006D69, #194D68, #1A0300)
• Powdered Villa color palette (#F0DAD3, #D93C58, #007C71, #870029, #001614)

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