Petrol Quarry color palette — #FDF0DB · #5DA9BC · #416CA6 · #722D29 · #002A1D

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

The five colors

• Cream (#FDF0DB): A whisper-light, dusty gold — the color of old brass.
• Cyan (#5DA9BC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#416CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#722D29): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002A1D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, cool.

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

• Cerulean Veranda color palette (#E7F6EE, #329BBB, #7B518C, #692C00, #032601)
• Patina Alley color palette (#FBF0E0, #5CAF91, #007986, #692C5A, #162810)
• Petrol Dune color palette (#FAF0E1, #73A1CD, #685FA6, #6B3700, #31182F)
• Cobalt Dune color palette (#FFF1F5, #3EABA2, #4166B4, #6A4416, #27414D)
• Washed Nightshade Veranda color palette (#F4E4C4, #0088C4, #412EC5, #522000, #00122A)
• Faded Cobalt color palette (#E6FCEA, #4DC2DE, #5187D0, #914C46, #264152)
• Dusty Quarry color palette (#E0F3EC, #007EB3, #3C2A3A, #031B13, #030805)
• Aged Periwinkle Bloom color palette (#FFF3E5, #7CE1D2, #6B92D1, #87580B, #1C3927)

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