Petrol Studio color palette — #E2F2EF · #7EC3D1 · #00738B · #003E3F · #000305
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E2F2EF): a clean, paper-quiet neutral.
- Sky (#7EC3D1): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00738B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Patina Cobalt color palette (#E7FAF8, #AAD2EC, #0083BB, #004F5D, #000E1C)
- Muted Denim Terrace color palette (#DAEFEF, #82A7C6, #00549E, #002939, #000107)
- Wandering Cerulean color palette (#EEE1DB, #009BB0, #00506F, #002D24, #000410)
- Cerulean Loft color palette (#ECE0E9, #66BFD0, #008EC2, #006F5C, #00132F)
- Teal Chapel color palette (#CAFFEC, #6CDDCB, #00B0B7, #006633, #000705)
- Pine Harbor color palette (#D6F5E5, #007A55, #006180, #4E4200, #000201)
- Ancient Villa color palette (#E9F9F7, #CDDEF3, #00A7E0, #00707E, #00283E)
- Pale Emerald color palette (#DAEAD3, #32A130, #005F2B, #00351E, #000201)
Browse the whole catalog at Explore, or see today's palette.