Washed Petrol color palette — #EAF5F2 · #85A96D · #5071A9 · #6E3C36 · #381C30
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF5F2): bright and airy, almost weightless.
- Moss (#85A96D): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5071A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#6E3C36): A full-bodied, dusty orange — the color of toasted spice.
- Onyx (#381C30): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Worn Meadow color palette (#E6F5F7, #5FAD99, #815FA8, #664409, #04301E)
- Wandering Villa color palette (#F5F7E7, #8DC187, #7989C2, #8B5A59, #48403E)
- Washed Market color palette (#EFF8EF, #88DDDE, #67A0CF, #6D6099, #4F2D2F)
- Hushed Pier color palette (#E7F9FB, #1DB091, #237C96, #465277, #244B40)
- Lagoon Study color palette (#EAF5F1, #A8CCC8, #49937E, #4B695E, #223533)
- Hushed Balcony color palette (#F6F0F4, #D2D3E9, #69A6BF, #457764, #273849)
- Lapis Balcony color palette (#E0F8F5, #009D43, #433BD4, #622100, #231400)
- Aubergine Lagoon color palette (#D9F3F8, #008F82, #80228F, #4A2C00, #1E1100)
Browse the whole catalog at Explore, or see today's palette.