Washed Petrol color palette — #DFE9CD · #93B595 · #5A799E · #643F24 · #322313

Slate and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DFE9CD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#93B595): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5A799E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#643F24): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#322313): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Muted Thicket color palette (#EEEBD8, #9AA889, #558069, #793A22, #37200F)
• Hushed Canyon color palette (#DFF5D7, #9CBEAA, #7C83AF, #744E00, #3D3A34)
• Turquoise Thicket color palette (#CAEFCE, #5FB4CD, #5D8175, #694855, #52342C)
• Indigo Bloom color palette (#C5ECEA, #4B9BC7, #735FAA, #493E00, #1B2500)
• Aqua Delta color palette (#D9EBE3, #78C9D7, #7B92B9, #886175, #573B49)
• Patina Driftwood color palette (#D6E7F2, #A6AEE9, #9F6997, #3C5626, #33342D)
• Aged Studio color palette (#F7F0EC, #A8D3BF, #1F7FD1, #005B59, #161D3E)
• Ancient Denim Courtyard color palette (#D9F4E7, #008A9C, #1A508C, #482400, #171100)

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