Petrol Workshop color palette — #F5F0F6 · #E2D4D4 · #CBB9B2 · #59779B · #322832

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

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Silver (#E2D4D4): bright and airy, almost weightless.
• Stone (#CBB9B2): A luminous, dusty orange — the color of autumn markets.
• Slate (#59779B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#322832): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Petrol Workshop 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

• Cobalt Market color palette (#F9F3F8, #E0D7D8, #CBBAB9, #5074B1, #4E444D)
• Hushed Amethyst Parlor color palette (#F8EFF2, #E6D3C9, #D6B8AC, #8152A6, #2F2025)
• Hushed Pewter Lagoon color palette (#F9F0E7, #BEB392, #617F58, #6A4B51, #2E2610)
• Weathered Orchard color palette (#DCF3E0, #C8B6C9, #9D8489, #516349, #2A3823)
• Indigo Delta color palette (#F8E5EF, #7067BD, #43282B, #201019, #020806)
• Wandering Aubergine color palette (#F2E5E8, #D7C7C5, #B69E92, #6C4178, #1E1215)
• Worn Orchard color palette (#EEE3ED, #AC9AA1, #947173, #132F77, #0B010A)
• Softworn Bloom color palette (#F4F3DD, #4DA7D4, #795C92, #394F15, #2E1B2D)

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