Petrol Quarry color palette — #FAF2F8 · #E4D7D6 · #CDBBB7 · #68719C · #4E444B

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#E4D7D6): a clean, paper-quiet neutral.
• Stone (#CDBBB7): A luminous, dusty orange — the color of toasted spice.
• Slate (#68719C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4E444B): quiet, heavy and certain.

Feels like: 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

• Driftwood Corridor color palette (#FCF2F5, #E3D8D4, #ACAEA1, #9B7682, #595053)
• Nightshade Veranda color palette (#FFF1F7, #E4CBD1, #BF9D9F, #6443A0, #3E2D35)
• Softworn Parlor color palette (#F9EAE8, #CFB2A6, #9F897B, #70273F, #291B19)
• Worn Courtyard color palette (#FFF0F8, #C39EC7, #9E7D79, #756113, #415141)
• Basalt Coast color palette (#F8F6E8, #9BBA8F, #49815E, #645364, #454600)
• Tempered Mallow color palette (#FFF0F7, #D4E4FF, #C3AEFF, #B2699B, #512D39)
• Violet Hollow color palette (#F1DFE5, #8553BF, #48272D, #2A1A20, #130A0B)
• Antique Aubergine color palette (#E9E0E5, #B8A2AA, #9C7279, #36217D, #1B1016)

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