Tempered Petrol Quarry color palette — #FAF2F8 · #E6D8D5 · #CFBCB2 · #66729B · #4D454B

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E6D8D5): a clean, paper-quiet neutral.
• Stone (#CFBCB2): A luminous, dusty orange — the color of toasted spice.
• Slate (#66729B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4D454B): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered 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

• Worn Atelier color palette (#FFF1F3, #EAD7C7, #CEB7A9, #8F4E8E, #4D3A3D)
• Driftwood Pier color palette (#FCF2F5, #E4D9D3, #A8AFA3, #977883, #595053)
• Hushed Summit color palette (#FDF4E3, #9FBA85, #4E7F69, #6C5254, #484400)
• Antique Mulberry Meadow color palette (#F9EAEB, #DAC8C2, #B29C8A, #793B69, #39292A)
• Antique Parlor color palette (#F3E5ED, #BFA0A6, #9B746F, #302876, #1E0D18)
• Byzantium Workshop color palette (#F3DEE5, #8C49C8, #472927, #271B1F, #110A0C)
• Periwinkle Corridor color palette (#F5F9DA, #5C99E9, #8C5284, #395734, #4D3443)
• Wandering Canyon color palette (#FFF1F6, #C2E6FF, #C7A4FB, #CA787C, #553336)

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