Petrol Pier color palette — #F0E5ED · #7BC2C2 · #00788F · #004E30 · #001828
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Mint Leaf (#7BC2C2): A luminous, dusty teal — the color of glacier melt.
- Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Dusty Archive color palette (#F2E5EB, #7FBDD9, #006EBB, #004B49, #0A1039)
- Washed Aqua color palette (#E0F3EF, #55C5C8, #007681, #005049, #00343E)
- Cobalt Basin color palette (#FBEDF5, #A5D9ED, #0088DB, #00635D, #15214A)
- Cerulean Workshop color palette (#F5F6ED, #A9F6F7, #00A5B3, #006B61, #00232A)
- Ancient Chapel color palette (#F6F0F4, #D2D3EC, #52A9C8, #3F7862, #293846)
- Abyss Lantern color palette (#EADCE6, #438391, #00415D, #00201A, #000106)
- Jade Thicket color palette (#E0F5E8, #36B377, #00663B, #002F18, #000A04)
- Wandering Studio color palette (#FCE7EE, #5B90B6, #033CAA, #002B2F, #04001A)
Browse the whole catalog at Explore, or see today's palette.