Washed Petrol color palette — #E8F1EA · #85B9D6 · #226CA9 · #004E57 · #132B5C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Sky (#85B9D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#226CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#132B5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Weathered Petrol color palette (#E8F1EA, #8BBAC6, #007681, #00523B, #003441)
- Softworn Cobalt color palette (#EFF8F1, #A8C9E7, #5479B2, #005D71, #30375E)
- Washed Cobalt Chapel color palette (#F0E6EB, #94B8D4, #4067B9, #004C47, #180A37)
- Airy Periwinkle color palette (#F5EDE2, #AFE0CC, #48AAFF, #008F9E, #1C2D4F)
- Washed Orchard color palette (#D8EADB, #519BAE, #00506E, #00302F, #001529)
- Petrol Parlor color palette (#F1F7F2, #D9DDEE, #7F9CBE, #3C7886, #475368)
- Cypress Basin color palette (#CBF8FF, #70DAE8, #65ABDE, #13734E, #00383A)
- Antique Emerald Loft color palette (#DBF3DC, #14A95F, #006F54, #004840, #003335)
Browse the whole catalog at Explore, or see today's palette.