Petrol Studio color palette — #E2F3E5 · #64ADBC · #0080A5 · #005E58 · #000A16
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F3E5): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#64ADBC): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Feathered Cobalt color palette (#E5F4E8, #6FA7CF, #2D74C9, #005B6B, #03002E)
- Muted Denim Villa color palette (#F1E5EE, #5C9EAB, #005E8D, #003D2A, #02012C)
- Olive Terrace color palette (#C7ECDB, #43B5D1, #588EC9, #39761D, #00130F)
- Antique Cerulean color palette (#E7DFD1, #268697, #004257, #001F1D, #000103)
- Hushed Meadow color palette (#D4E5D7, #92CCCC, #00A4B9, #008064, #002330)
- Worn Lagoon color palette (#D9F2E8, #00A176, #007459, #00422F, #000201)
- Hushed Mulberry color palette (#CFF6F5, #2CAA6A, #972C81, #00653A, #11000C)
- Periwinkle Terrace color palette (#E8F1EA, #B5D8F3, #6BAAE6, #008E9F, #172B59)
Browse the whole catalog at Explore, or see today's palette.