Washed Petrol color palette — #ECF3F8 · #D3D5E1 · #A5B9D2 · #136D94 · #16222B
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F8): bright and airy, almost weightless.
- Silver (#D3D5E1): a clean, paper-quiet neutral.
- Ash (#A5B9D2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#136D94): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#16222B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Petrol color palette (#EFF8F3, #E8D6DC, #C0ADB8, #366C7F, #343D38)
- Softworn Ultramarine color palette (#EEF2FA, #CDD3E9, #B0A3CE, #4848B9, #11192E)
- Cerulean Lantern color palette (#EFF6FB, #D9DAE5, #BEABA6, #4D94AE, #223139)
- Cypress Harbor color palette (#E3F6F6, #78AD98, #007564, #1E4E59, #002123)
- Muted Denim Basin color palette (#DBE3EB, #A9B4C2, #798EB0, #004772, #030C15)
- Timeworn Pewter Drift color palette (#DCE5F5, #9CA5C9, #826B98, #5D4760, #3E2339)
- Ancient Indigo color palette (#E8F3FF, #6CD1FF, #61ABFF, #6274E2, #051831)
- Powdered Market color palette (#F3E2F7, #4C8DD4, #4550A9, #5F1845, #061830)
Browse the whole catalog at Explore, or see today's palette.