Washed Petrol color palette — #EFF6FB · #D8DAE3 · #BFBDCA · #4B7C91 · #3D4A52
A conversation between Slate and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FB): bright and airy, almost weightless.
- Silver (#D8DAE3): bright and airy, almost weightless.
- Stone (#BFBDCA): a calm mid-gray that lets other colors speak.
- Slate (#4B7C91): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#3D4A52): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Petrol Parlor color palette (#ECF3F7, #D7D7E1, #C0BAC6, #1C819E, #222E34)
- Ancient Boulevard color palette (#F4F4FC, #DFD6DF, #B7AFC1, #6E5887, #393A43)
- Cerulean Coast color palette (#F0F7F3, #DFD4D2, #AAA293, #279EBF, #404A45)
- Tempered Driftwood color palette (#EBF5FF, #A2B0CC, #8081A4, #785A66, #3D5848)
- Timeworn Workshop color palette (#E6EDF4, #9EAABB, #747F9A, #003C5A, #071520)
- Hushed Cypress color palette (#EBF9F6, #8EBCA2, #487F73, #356071, #234A4A)
- Dusty Workshop color palette (#E0DFEA, #BBB6C4, #9886A2, #602575, #1F1D2A)
- Misty Iris Thicket color palette (#EEF6FF, #9EE8FF, #7FBBFF, #8478CC, #283758)
Browse the whole catalog at Explore, or see today's palette.