Petrol Quarry color palette — #ECF8F4 · #EBD9DE · #D6AEC8 · #0071A8 · #32443E

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

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Silver (#EBD9DE): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#D6AEC8): A luminous, dusty pink — the color of peonies in June.
• Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#32443E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Harbor color palette (#E7F6EF, #F2D7DC, #D4B6BF, #0A759C, #142A22)
• Hushed Indigo color palette (#FBF2F7, #E6D5D3, #DFADB4, #685EA8, #483B42)
• Patina Cerulean Bloom color palette (#EEF6FC, #DAD8E9, #C7BACE, #4690B3, #32424D)
• Denim Chapel color palette (#F2ECF2, #D7C6D3, #B795A6, #00569A, #352937)
• Washed Hollow color palette (#F0F7F0, #CBDEDB, #9AC8B5, #007A78, #394338)
• Washed Driftwood color palette (#FBF3F4, #E1D8D4, #AAAEA0, #A0737F, #5A4F52)
• Pale Olive color palette (#FFF3E2, #ADA564, #617300, #005A70, #413B0C)
• Wandering Driftwood color palette (#E5F0FF, #A6A3DE, #9C6CA6, #78592E, #504D12)

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