Petrol Studio color palette — #F0E5ED · #82BFC9 · #00759D · #004D3D · #001631
Slate takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Ash (#82BFC9): A luminous, dusty blue — the color of open sky before noon.
- Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Wandering Petrol color palette (#E1F3F0, #7BBEC9, #00748B, #004F50, #003344)
- Ancient Basin color palette (#F4E8ED, #69A5C3, #0058A3, #003939, #05032C)
- Cornflower Garden color palette (#FDEDF3, #A5D7F6, #1F7EF8, #006165, #1E1F49)
- Cerulean Garden color palette (#FCEAE2, #86D3DE, #0093C2, #006E58, #0D2F51)
- Antique Turquoise Boulevard color palette (#F6F0F4, #D4D2EA, #62A5CD, #3B786B, #2A3748)
- Navy Thicket color palette (#E7DBE1, #2E83A1, #003E69, #001F1D, #00000C)
- Frosted Orchid Bloom color palette (#EDE8FF, #B646BB, #195D00, #005856, #0D0420)
- Frosted Amber color palette (#EEE8FF, #F8B8C1, #D87F40, #5F448F, #1E1029)
Browse the whole catalog at Explore, or see today's palette.