Petrol Studio color palette — #F0E5ED · #70C2CD · #00759A · #004D3B · #00162E
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Cyan (#70C2CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00162E): 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
- Sapphire Dune color palette (#F3E5EA, #7BBCE7, #3767BE, #004A50, #130E36)
- Petrol Studio color palette (#F8EBE6, #81BDC6, #18709C, #005235, #192A59)
- Cobalt Veranda color palette (#FFECF4, #9AD9FF, #4E83CF, #006165, #1E1E4B)
- Antique Cerulean Archive color palette (#F5F6EB, #ABF4FF, #00A3C0, #006A69, #00222E)
- Ash Thicket color palette (#F7EFF5, #D4D2E9, #72A3C1, #3E757C, #2B3746)
- Wandering Lagoon color palette (#F4E5EF, #009E9A, #005360, #002E16, #00050A)
- Powdered Quarry color palette (#F4DAED, #E72700, #00788A, #841401, #00151A)
- Aged Basin color palette (#FFEAE5, #BF2C00, #006B77, #005470, #170213)
Browse the whole catalog at Explore, or see today's palette.