Petrol Garden color palette — #D4E7E3 · #5BB1B5 · #007480 · #004B45 · #00171D
Teal takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D4E7E3): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#5BB1B5): A luminous, balanced teal — the color of glacier melt.
- Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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
- Dusty Archive color palette (#E1F1EF, #72BED3, #0081A3, #00585E, #002333)
- Denim Summit color palette (#D8ECEA, #669AB6, #005E8E, #003947, #000A18)
- Tempered Petrol color palette (#EEEFE5, #6FC7CC, #007582, #003E39, #000305)
- Weathered Cerulean Loft color palette (#E3FBF7, #8BD9E7, #009CBB, #007273, #00394B)
- Hazy Fern Chapel color palette (#BCE9E7, #6FC8A9, #00A69C, #1A6602, #001E12)
- Misty Emerald color palette (#DCF6E5, #00A361, #00693F, #00301A, #000401)
- Wandering Hollow color palette (#C9E8D2, #007A43, #00657C, #5D4700, #000B03)
- Pale Harbor color palette (#E4FAFA, #BBE0FF, #659FDF, #007CA5, #223F6F)
Browse the whole catalog at Explore, or see today's palette.