Washed Petrol color palette — #DDE2CF · #8AA789 · #3C6C8E · #623E27 · #383305

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

The five colors

• Bone (#DDE2CF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8AA789): A luminous, dusty green — the color of fresh herbs.
• Slate (#3C6C8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#623E27): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#383305): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Garnet Archive color palette (#F2EFCC, #949A74, #36716D, #6B3649, #4E2624)
• Chestnut Grove color palette (#E4F3D2, #8EAE96, #856B83, #7A4B0E, #4C4100)
• Basalt Garden color palette (#E0F7E2, #6697BE, #635D86, #524600, #28381A)
• Muted Abyss color palette (#E5E7D1, #5F9A84, #006261, #25481B, #003224)
• Ancient Lantern color palette (#F6ECE6, #86BACF, #2D6CA1, #00504C, #1D2B55)
• Wandering Azure Coast color palette (#D3F6E1, #6EC6D0, #5F99CB, #8E664C, #582F11)
• Aged Parlor color palette (#DEFEEF, #DDC4D6, #AA9399, #807429, #4E5647)
• Aubergine Boulevard color palette (#DCEBF2, #7797B7, #455E8D, #5F295E, #3A0D29)

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