Washed Petrol color palette — #D4E2E1 · #71A9CF · #006AAF · #00475C · #001330
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Silver (#D4E2E1): bright and airy, almost weightless.
- Blue Fog (#71A9CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00475C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001330): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Cypress Study color palette (#DCECE8, #66B0B0, #00747D, #004B42, #00181C)
- Timeworn Petrol color palette (#EBF1E0, #7CBFEE, #006AB2, #003B4E, #00020B)
- Wandering Lilac Field color palette (#E2ECF9, #9AABEA, #9783F2, #005B8E, #061546)
- Washed Lantern color palette (#E8DBE0, #6196B9, #0041A1, #002F33, #11063C)
- Quiet Harbor color palette (#F0E5DC, #60BAF0, #357FEE, #006C71, #10043F)
- Antique Petrol color palette (#EEF7F7, #BCD8F2, #6799D2, #00769E, #243A61)
- Softworn Parlor color palette (#E0F1FF, #0081B4, #277A00, #004B6B, #021500)
- Hushed Ultramarine Thicket color palette (#D6E1F1, #4385DC, #0053B2, #002355, #00020C)
Browse the whole catalog at Explore, or see today's palette.