Petrol Pier color palette — #E7FAF6 · #63AB97 · #00707C · #673C48 · #103C41

Teal takes the lead with Jade close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
• Jade (#63AB97): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00707C): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#673C48): A full-bodied, dusty red — the color of embers at dusk.
• Deep Teal (#103C41): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Cypress Villa color palette (#EDF8F2, #7DA879, #007361, #504D23, #153D39)
• Orchid Corridor color palette (#D7F5F9, #00A58B, #A649C2, #006655, #432A4B)
• Lagoon Delta color palette (#EFF7F4, #A4C9C6, #449086, #516D61, #3F5150)
• Soft Pine color palette (#E9E8CE, #8AAB3A, #008433, #005A4D, #004446)
• Chalky Olive Basin color palette (#FFF0F7, #BAA153, #577600, #005E57, #483905)
• Weathered Balcony color palette (#FAF3F8, #9DCDE3, #007FC2, #006248, #2C3A56)
• Patina Fern Loft color palette (#F2DFE5, #968E4B, #2D6400, #004749, #2F2900)
• Worn Seafoam Market color palette (#F4F7E8, #97DAC5, #66AEB1, #A77663, #2B3B1E)

Browse the whole catalog at Explore, or see today's palette.