Washed Petrol color palette — #F7F1EA · #CAE1E4 · #8A9BC6 · #2F7682 · #482C3B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F7F1EA): a clean, paper-quiet neutral.
- Silver (#CAE1E4): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8A9BC6): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#2F7682): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#482C3B): A deep, shadowed, dusty rose — the color of a warm blush.
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
- Aged Boulevard color palette (#F8F0EC, #C7E7DF, #72A5B7, #457760, #223C35)
- Wandering Petrol Villa color palette (#F4F6F0, #CBE1E4, #809BBE, #327798, #604A5E)
- Olive Basin color palette (#F2F3E7, #A1BD92, #A492C2, #5C7C4B, #472433)
- Timeworn Petrol Hollow color palette (#F5E6DC, #80BED2, #0072AB, #004C44, #031239)
- Timeworn Denim Studio color palette (#E7DCD1, #71A2C6, #2953A7, #00393E, #0A002D)
- Weathered Cerulean color palette (#FDEEE8, #9EDCE6, #258EB9, #006450, #00254B)
- Tempered Lagoon color palette (#F4E6DF, #358688, #004352, #002112, #000103)
- Dusty Basin color palette (#F3F4DA, #82AA6B, #9E7DB9, #926793, #282917)
Browse the whole catalog at Explore, or see today's palette.