Petrol Pier color palette — #E2F2E4 · #64B1AF · #007480 · #004C38 · #00171F
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E2F2E4): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#64B1AF): A luminous, dusty teal — the color of sea glass.
- Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): 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 Pier 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
- Aged Petrol Parlor color palette (#DAE7DC, #75BFCC, #0081A3, #005A52, #002236)
- Aqua Delta color palette (#F7EDDC, #6BC9C6, #007581, #00402E, #000305)
- Weathered Terrace color palette (#E1ECE3, #5E9CB5, #005E8E, #003B3E, #00081C)
- Frosted Pine color palette (#F4E8E4, #67C2BD, #0092B0, #0C7316, #001529)
- Wandering Cerulean color palette (#EAFAED, #85DBE4, #009CBC, #007464, #003850)
- Cornflower Drift color palette (#E6F2E8, #A3C9EE, #5A84D6, #006882, #252758)
- Periwinkle Study color palette (#EFF8F1, #B5E2FF, #559FEF, #008092, #2B3D6D)
- Olive Garden color palette (#DBF6E8, #74881E, #5B5500, #3E2E00, #040F00)
Browse the whole catalog at Explore, or see today's palette.