Washed Petrol color palette — #E8F8FF · #97D8E9 · #50AFD2 · #007DA8 · #315169
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Ice Blue (#97D8E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#50AFD2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007DA8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#315169): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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 Cerulean Veranda color palette (#E3FAFF, #6BC1C6, #0090AE, #316893, #3E4E62)
- Cerulean Corridor color palette (#ECF7FE, #99CDE6, #D09DCD, #0099CA, #50466A)
- Ancient Cobalt Thicket color palette (#EFF6FF, #ADC3F4, #8A9ADB, #696FB8, #475175)
- Muted Sapphire Studio color palette (#C2E5F8, #5CC2FF, #008BDE, #0066C1, #083E85)
- Ash Drift color palette (#EDF7FF, #D8D9E4, #BDA7A5, #71A8C0, #415060)
- Ultramarine Boulevard color palette (#D8E9F7, #5CA3ED, #1775E4, #163CC8, #1D2B6B)
- Timeworn Jade color palette (#EBF7FF, #7CBCD3, #A29DD4, #53A677, #2F4653)
- Timeworn Corridor color palette (#CDEFFB, #007497, #004967, #00273E, #000B19)
Browse the whole catalog at Explore, or see today's palette.