Washed Petrol color palette — #ECF4EE · #C6DFF9 · #758EBA · #006982 · #212B43
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Powder Blue (#C6DFF9): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#758EBA): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006982): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#212B43): 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
- Timeworn Denim color palette (#DDE7DE, #59A9BC, #006181, #003A37, #000C19)
- Worn Basin color palette (#F9F4EF, #C5E4DB, #7986C2, #007074, #4F3E65)
- Cerulean Orchard color palette (#ECF4EE, #A4CFDF, #3B879C, #005D50, #002338)
- Aged Navy Coast color palette (#E3F1E5, #4B809A, #003E67, #001F22, #000108)
- Faded Hollow color palette (#DCF8FE, #3FB9B3, #BF757C, #007470, #42171D)
- Tempered Lagoon color palette (#FCF2F5, #D9D3DE, #ADB9E5, #3E9192, #45375A)
- Aged Lagoon color palette (#C4F1D4, #5DB79C, #008B7F, #005C5D, #00373F)
- Weathered Corridor color palette (#DEF7FF, #1AA0A4, #976CA4, #896320, #00232C)
Browse the whole catalog at Explore, or see today's palette.