Washed Petrol color palette — #F7E5DC · #70C1D4 · #2371A6 · #004D38 · #0B1137
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Rose Water (#F7E5DC): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#70C1D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#2371A6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0B1137): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Washed Workshop color palette (#F9F0E9, #99D1E9, #537EB4, #005D50, #301627)
- Petrol Parlor color palette (#EEF0E2, #94BCA4, #007391, #004F54, #003347)
- Muted Harbor color palette (#EDDFD2, #61A5CD, #2D51A8, #003A36, #0E0029)
- Aged Azure color palette (#EEF9EF, #B8F0FF, #349ECB, #006A67, #002039)
- Aged Lagoon Workshop color palette (#FCE8E1, #009DA2, #00516A, #002E12, #000410)
- Jade Grove color palette (#C2EBDE, #00A882, #006552, #003328, #000804)
- Ash Hollow color palette (#F8F0EB, #C0EDEB, #73A99C, #5E724F, #432E3D)
- Tempered Navy Basin color palette (#EFE3D9, #1D83AC, #003583, #00201C, #010009)
Browse the whole catalog at Explore, or see today's palette.