Petrol Studio color palette — #F7ECE7 · #7EBEBF · #00748C · #005335 · #00314D
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE7): bright and airy, almost weightless.
- Mint Leaf (#7EBEBF): A luminous, dusty teal — the color of sea glass.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314D): 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
- Timeworn Petrol color palette (#DEEDEA, #7EC1C3, #007985, #004C45, #001A20)
- Hushed Cerulean color palette (#EFF0E1, #84D4D7, #0098A6, #006D64, #00343E)
- Weathered Denim Courtyard color palette (#F8ECE4, #67AABD, #005D8C, #003F38, #081C46)
- Powdered Sapphire color palette (#F7ECE2, #8AB8D7, #2A63C4, #004F54, #292656)
- Timeworn Cobalt Balcony color palette (#FCF3ED, #98D9F3, #0084D5, #006761, #2C3C6E)
- Antique Turquoise color palette (#F2F3D9, #6AD9C1, #00AACC, #5F5F00, #2D3029)
- Antique Nightshade color palette (#E8DED5, #5396C7, #0635B7, #002F34, #130936)
- Wandering Emerald color palette (#BDF8CE, #28A55F, #006736, #00341A, #002012)
Browse the whole catalog at Explore, or see today's palette.