Petrol Studio color palette — #E7F9FF · #8ED1DD · #4BB2CB · #007FA0 · #2D5067
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ice Blue (#8ED1DD): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#4BB2CB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FA0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#2D5067): 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 Petrol Studio 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
- Aged Petrol color palette (#EDF7FF, #B9DDF9, #6BA8D2, #0A6F9C, #093C58)
- Muted Garden color palette (#CEFAFF, #70CFD0, #0093AE, #24698D, #4C4C69)
- Worn Cerulean Summit color palette (#EDF7FD, #9ECCE4, #A8BA7E, #009CBD, #25584A)
- Lagoon Loft color palette (#D7FFFC, #A0D8BA, #5BB091, #008970, #1C545D)
- Tempered Cobalt Field color palette (#CBF0FF, #28C0FC, #0092D8, #006AAA, #07407B)
- Tempered Parlor color palette (#ECF7FF, #7DBBD9, #AA98DD, #50A681, #304553)
- Worn Turquoise color palette (#ECF7FF, #D7D9E4, #BCA8A6, #71AEC1, #41505E)
- Petrol Villa color palette (#D7E9EE, #007C9A, #004C66, #002E42, #000812)
Browse the whole catalog at Explore, or see today's palette.