Washed Petrol color palette — #ECF9EE · #D0BC88 · #839C6B · #506FA2 · #364E42
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sand (#D0BC88): A luminous, dusty gold — the color of honey in a jar.
- Moss (#839C6B): A luminous, dusty green — the color of fresh herbs.
- Slate (#506FA2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#364E42): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Antique Atelier color palette (#EBF9EE, #AAC8A1, #5EA192, #7D6096, #324E4C)
- Tempered Taupe Ridge color palette (#EAFAED, #DCAFC2, #A09354, #327894, #3C4D3B)
- Muted Villa color palette (#FFF4E2, #FADA82, #91AD76, #846882, #413F38)
- Olive Harbor color palette (#FFF0F7, #CA9D77, #5C844F, #60507B, #3A4D40)
- Ancient Study color palette (#E8FAF0, #C0D6D0, #88AEAF, #7D87A0, #515061)
- Ancient Taupe color palette (#EAF5F0, #9DA160, #465E59, #2A3D35, #1D241F)
- Ancient Balcony color palette (#FFF3E8, #F9C58C, #94BA94, #8D85B0, #5B4400)
- Lapis Atelier color palette (#E0FEE6, #AAAF47, #00964B, #5142BC, #293D00)
Browse the whole catalog at Explore, or see today's palette.