Washed Petrol color palette — #F6F0F4 · #DFD5D3 · #CAB9AF · #6772A0 · #302A2E

Slate takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#DFD5D3): a clean, paper-quiet neutral.
• Stone (#CAB9AF): A luminous, dusty gold — the color of old brass.
• Slate (#6772A0): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#302A2E): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Pewter color palette (#FBF2F7, #E7D7D6, #CBBCB8, #6E6F9B, #4D454A)
• Muted Plum Thicket color palette (#FBEEF0, #E1D4C9, #DCB69E, #934A92, #321F22)
• Deep Violet color palette (#EADADF, #8C59BA, #492333, #220F16, #0A0509)
• Wandering Boulevard color palette (#FCEDF4, #E8CCCE, #D19BA1, #653EAE, #24151C)
• Pine Lantern color palette (#F6F1E9, #B9B58E, #34875C, #6F4949, #2B2813)
• Timeworn Lagoon color palette (#D1FCEF, #D0A2B2, #A68075, #566649, #323E29)
• Worn Pier color palette (#EFE7E7, #D8C7C2, #BC9D83, #832F6E, #1F1112)
• Weathered Thicket color palette (#F3E5EC, #AD9B9E, #99706A, #341D7F, #0C0107)

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