Washed Petrol color palette — #F2F3E9 · #A4BC96 · #3A808D · #704A42 · #1E2C16
Built around Slate, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E9): bright and airy, almost weightless.
- Sage (#A4BC96): A luminous, dusty green — the color of new leaves after rain.
- Slate (#3A808D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#704A42): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Forest (#1E2C16): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Fern color palette (#F4F7E9, #A6B695, #3B8179, #705428, #334B06)
- Weathered Jade Harbor color palette (#F8F2D8, #72BB87, #007C73, #4C510A, #1D2401)
- Timeworn Archive color palette (#F8F1E6, #BCB48D, #707C37, #734C00, #2D270C)
- Ancient Fern color palette (#FBF0E7, #AF9F6D, #586D34, #384D34, #261A00)
- Weathered Lagoon color palette (#E4FBD3, #7DC8AD, #238C74, #00493B, #001D15)
- Tempered Teal Drift color palette (#E9F9F7, #BBE4FB, #6BACA3, #637F64, #1E3E40)
- Pine Orchard color palette (#E5E2C8, #8DAF65, #408B51, #005C4E, #00373B)
- Softworn Terrace color palette (#E9F9F7, #9BCFD7, #589BAA, #936169, #1F4A50)
Browse the whole catalog at Explore, or see today's palette.