Petrol Quarry color palette — #FFEFDC · #20B0BD · #4569AF · #613E00 · #11281E

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

The five colors

• Cream (#FFEFDC): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#20B0BD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4569AF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#11281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Indigo Thicket color palette (#F7F2DF, #4EA7D6, #6E5BAC, #494A00, #2D1B2E)
• Softworn Mulberry Corridor color palette (#EAF6EA, #13A1A1, #854990, #523D00, #1C2100)
• Jade Pier color palette (#FFEEE5, #55B183, #00788F, #702E31, #182812)
• Patina Workshop color palette (#F2F9DF, #00A6D7, #406D9A, #5E4263, #26443A)
• Pale Grape Quarry color palette (#E9E6D3, #008CB2, #4F00D7, #393100, #001326)
• Hushed Balcony color palette (#FFF1F6, #00C7DE, #6A83C7, #835931, #264052)
• Timeworn Cobalt Veranda color palette (#D6ECE4, #007DB7, #43253B, #051A14, #030804)
• Ancient Archive color palette (#F7F0EC, #C5E6CE, #3199C8, #176D5B, #38233A)

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