Petrol Studio color palette — #E8EADF · #9ABDA9 · #007699 · #004A51 · #001826
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Parchment (#E8EADF): bright and airy, almost weightless.
- Sage (#9ABDA9): A luminous, dusty teal — the color of glacier melt.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001826): 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
- Ancient Cobalt color palette (#F1F3E9, #A7D3C0, #2784BA, #00596B, #00223E)
- Timeworn Petrol Garden color palette (#F8EAF2, #82BBCD, #006FA5, #005148, #172C55)
- Timeworn Denim color palette (#DCE1D3, #7AA1C0, #00599E, #003649, #000922)
- Navy Dune color palette (#E0E3D9, #548473, #003E66, #001E28, #000105)
- Ancient Cerulean color palette (#F2F2EC, #CEE3CD, #2B9FA6, #006E5F, #00333A)
- Hushed Canyon color palette (#F3E0D2, #A47D5D, #824009, #551C00, #180B00)
- Nightshade Harbor color palette (#FFE7E6, #A1457A, #924600, #4234A7, #1B0010)
- Tempered Mulberry color palette (#FFE1DD, #FCB7C1, #DC877C, #903C72, #2F0914)
Browse the whole catalog at Explore, or see today's palette.