Petrol Quarry color palette — #EBF4F0 · #EAD3D9 · #C7B0BB · #2D6C8A · #1A231F

Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#EAD3D9): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#C7B0BB): A luminous, dusty rose — the color of a warm blush.
• Peacock (#2D6C8A): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#1A231F): a grounded near-black with real depth.

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

• Softworn Petrol Pier color palette (#EFF6FB, #D9D8E2, #B1B2C0, #226C8C, #2F3D46)
• Pewter Studio color palette (#F6EFF6, #E2D4D5, #CDB7B3, #866988, #302A30)
• Antique Lantern color palette (#FDECF7, #E5CCD4, #C59DBC, #474BB3, #22151E)
• Denim Grove color palette (#D8E3DF, #C0ACBB, #A48290, #004870, #030D0A)
• Patina Teal Pier color palette (#F3F3E5, #5FB48E, #00746F, #205141, #172007)
• Softworn Atelier color palette (#DFF1E9, #BA94AD, #996D76, #564A00, #312B0A)
• Charred Balcony color palette (#F0DEEE, #2658D2, #381928, #140713, #000302)
• Onyx Courtyard color palette (#EEE0E6, #9F8689, #83615D, #321856, #040002)

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