Washed Petrol color palette — #E9FAEF · #7CBBCA · #C58774 · #008095 · #534B47
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
- Ash (#7CBBCA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Caramel (#C58774): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#008095): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#534B47): quiet, heavy and certain.
Feels like: 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 Garden color palette (#E7F4FB, #84BECD, #C78C78, #007F96, #422639)
- Pine Orchard color palette (#F3F7EA, #8BBD9F, #C38397, #3A835C, #69413C)
- Washed Cobalt color palette (#FFF0FC, #99AEE5, #B59358, #5A70AC, #514C46)
- Wandering Cerulean Balcony color palette (#ECF9F0, #8FD0E1, #E49C91, #009DB8, #534B48)
- Driftwood Loft color palette (#E3FDEC, #56A5B6, #B17B59, #846E41, #35473C)
- Driftwood Courtyard color palette (#ECF9EE, #EAD5D1, #ACA696, #899574, #42564F)
- Softworn Market color palette (#DEFEEE, #99CFE4, #518BA9, #135975, #0F3F55)
- Gentle Azure color palette (#D9FFF2, #29ADF7, #A95700, #006292, #5B2C00)
Browse the whole catalog at Explore, or see today's palette.