Washed Petrol color palette — #F4F6EF · #C9E2E5 · #A98FAB · #3D7791 · #5E4C5D
A conversation between Slate and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#C9E2E5): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#A98FAB): A luminous, dusty pink — the color of peonies in June.
- Slate (#3D7791): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5E4C5D): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Petrol Harbor color palette (#F4F6EF, #C6E6E5, #71A0BB, #327A87, #325248)
- Washed Taupe color palette (#FFF2EE, #C38487, #A08654, #836B94, #553B33)
- Weathered Petrol Quarry color palette (#EEF0E4, #7CBDCF, #007393, #004F55, #003248)
- Weathered Pewter Pier color palette (#FFF2EF, #D89DA8, #8697C6, #A15A6A, #5F425A)
- Washed Lagoon Station color palette (#EBEDDA, #569CA1, #00545E, #00302D, #00171E)
- Cocoa Hollow color palette (#FFF2ED, #E0D9CE, #AEBDCA, #B0837A, #7F4222)
- Washed Driftwood color palette (#FFF2ED, #F6BFBD, #AF7472, #733E3D, #502627)
- Patina Petrol color palette (#F6F1EC, #CAE1E3, #869CCA, #127984, #482B3C)
Browse the whole catalog at Explore, or see today's palette.