Petrol Studio color palette — #E3E3D1 · #6FADAD · #00848D · #005E53 · #000C0F
Built around Teal, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3E3D1): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#6FADAD): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00848D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E53): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000C0F): 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
- Cobalt Canyon color palette (#DEE2D6, #79A7C4, #007AC0, #005A71, #00091A)
- Tempered Teal color palette (#ECDCD4, #46A3A2, #006375, #003E23, #000B14)
- Lagoon Pier color palette (#E0F0EC, #3F8585, #004449, #00201B, #000202)
- Weathered Azure color palette (#E1E6D6, #94C7EB, #4697DE, #007899, #001E45)
- Dusty Bronze Drift color palette (#EFE5D4, #88AE79, #599B6C, #8B6100, #0E0B00)
- Turquoise Villa color palette (#EEF0E2, #9FDFF0, #39B4DC, #008F98, #003247)
- Brick Bloom color palette (#ECE4D0, #8A6A00, #007B40, #A70025, #030200)
- Weathered Orchard color palette (#EAE0C4, #AC8800, #7C6100, #473900, #030200)
Browse the whole catalog at Explore, or see today's palette.