Petrol Studio color palette — #ECF9EE · #68C7E0 · #0078A2 · #005654 · #00355B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sky (#68C7E0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Cobalt Field color palette (#FBEDF6, #44CFEB, #0078B8, #00543D, #0C0F49)
- Aged Cerulean Bloom color palette (#EDF9EF, #97DDD8, #00909C, #00694B, #004858)
- Dusty Sapphire color palette (#EBFAED, #7CBEF6, #0963E6, #005366, #272D60)
- Sky Cabin color palette (#F4F7E6, #9BE7FC, #00BCEC, #0096A0, #00384F)
- Hushed Denim Loft color palette (#E0E9E1, #6DA8BE, #005E89, #003E3F, #001F41)
- Worn Coast color palette (#FFF2EB, #54DFFD, #0093E4, #007558, #21296D)
- Worn Cerulean color palette (#F0F7F2, #C2E1F8, #5A8FC2, #006F7C, #384860)
- Dusty Pine Terrace color palette (#DAFFF0, #56E6DF, #00ABD5, #00772B, #00413B)
Browse the whole catalog at Explore, or see today's palette.