Washed Petrol color palette — #F7EFF2 · #D9D0E3 · #889CC5 · #007985 · #2D344F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EFF2): a clean, paper-quiet neutral.
- Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#889CC5): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2D344F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Muted Veranda color palette (#EFF7F7, #D8DBEC, #719DCE, #377793, #455467)
- Dusty Cerulean color palette (#EAF3FC, #DAD5E3, #D6B8D5, #5794A5, #2D3949)
- Hushed Petrol color palette (#F2E5EE, #97B9CA, #0073A7, #004C42, #011338)
- Softworn Archive color palette (#DFF7FF, #7DBDCE, #4C93BF, #345F9D, #2D3A58)
- Tempered Drift color palette (#F2E5EA, #72A3C4, #2254A7, #00393C, #09002E)
- Cobalt Veranda color palette (#EBF3FB, #98B6D8, #C58E69, #2973C0, #472436)
- Timeworn Quarry color palette (#EEE3EA, #388686, #004351, #002111, #000103)
- Dusty Workshop color palette (#F9EEF6, #9BDDE5, #0090B9, #00644D, #002646)
Browse the whole catalog at Explore, or see today's palette.