Petrol Studio color palette — #F0F8F1 · #EAB7A1 · #148188 · #004C51 · #17261A
A conversation between Teal and Sand, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F8F1): bright and airy, almost weightless.
- Sand (#EAB7A1): A luminous, dusty orange — the color of autumn markets.
- Teal (#148188): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C51): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#17261A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Antique Petrol color palette (#E9F8FF, #FFDEC9, #378290, #1F3D49, #051117)
- Misty Petrol Lantern color palette (#FDF0FF, #EBAB72, #276BB0, #003B6F, #27102A)
- Weathered Stone Grove color palette (#EBF8FA, #A4B77B, #005F55, #00353C, #141D24)
- Aged Coral color palette (#D1ECDE, #FF8063, #006580, #003343, #00121A)
- Aged Cerulean Drift color palette (#F0F7F3, #DED4D3, #AFA394, #359CC1, #3D4C44)
- Worn Straw color palette (#F0F9EA, #D1DF85, #61A493, #576A4B, #1E241B)
- Muted Lilac color palette (#F1F7F1, #7BD6D7, #9A7BD5, #009394, #321C26)
- Dusty Villa color palette (#FCF5DD, #73BFCE, #6C82C8, #736300, #1E4638)
Browse the whole catalog at Explore, or see today's palette.