Petrol Studio color palette — #F5E9F2 · #78BFC6 · #0080A5 · #005B44 · #00213C
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F5E9F2): bright and airy, almost weightless.
- Mint Leaf (#78BFC6): 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.
- Pine (#005B44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213C): 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
- Patina Studio color palette (#FCF4E7, #9AD8DF, #0088A4, #005347, #000F18)
- Pale Petrol Workshop color palette (#EADCE3, #5EADCB, #006AAD, #004A46, #050A3E)
- Airy Cobalt color palette (#F8EAF2, #95CEE1, #008ED6, #006D63, #182B56)
- Softworn Chapel color palette (#E6E8DB, #5CADB6, #006272, #003E3C, #00242E)
- Dusty Lilac Study color palette (#C1E5F3, #8FC9FE, #9A9AFF, #007864, #002738)
- Worn Turquoise Balcony color palette (#D1F0FC, #00A5C6, #006E84, #003C4C, #000A0F)
- Hazy Bronze Lagoon color palette (#D6F5FF, #00999C, #B45600, #005F61, #2E1100)
- Weathered Turquoise Coast color palette (#FBF2F8, #C7EBFC, #60AEDC, #3B8A7A, #364961)
Browse the whole catalog at Explore, or see today's palette.