Petrol Studio color palette — #EFEFE5 · #9EB9A2 · #007586 · #00504C · #003440
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#EFEFE5): a clean, paper-quiet neutral.
- Sage (#9EB9A2): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007586): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003440): 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
- Weathered Balcony color palette (#F5F6EB, #B2CCBB, #1485A3, #005F63, #074056)
- Wandering Petrol color palette (#F3E6E0, #78C1C8, #007696, #004D38, #00172C)
- Tempered Courtyard color palette (#EDF0E7, #8EBDAF, #1968B9, #004B67, #152C56)
- Dusty Lagoon color palette (#D7FDE6, #8DC9E9, #689BD5, #00616A, #0D3C2C)
- Muted Turquoise Orchard color palette (#DFF4F0, #85E5ED, #00B8D0, #00918B, #003440)
- Worn Cerulean Bloom color palette (#B6EBFF, #2C9DC0, #005F77, #002E3C, #001922)
- Chalky Byzantium Chapel color palette (#CDE5D4, #008EA1, #8547B5, #00535E, #381153)
- Muted Abyss color palette (#ECEFE2, #648A75, #004359, #002226, #000B14)
Browse the whole catalog at Explore, or see today's palette.