Petrol Pier color palette — #F6EDE1 · #72ADA9 · #00848F · #006044 · #000B10
A conversation between Teal and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6EDE1): bright and airy, almost weightless.
- Turquoise (#72ADA9): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000B10): 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 Periwinkle Courtyard color palette (#DCF0DF, #75B3CF, #6295DD, #00816A, #001115)
- Timeworn Cobalt color palette (#EFE7DC, #64AACE, #0079C5, #005C65, #000526)
- Washed Spruce color palette (#FEE8E4, #5EA09D, #006279, #003F0B, #000A18)
- Aged Grove color palette (#D6E7EB, #00A0AE, #007380, #003B44, #000203)
- Aged Brick color palette (#D1E5D0, #009090, #C43242, #006161, #140001)
- Azure Field color palette (#F7EDDD, #93C8E7, #3396EC, #007B89, #081B49)
- Gentle Byzantium Loft color palette (#D0E9EA, #007E85, #9C1BB2, #735200, #000202)
- Sky Villa color palette (#FFF4E2, #99E9F4, #00BDE8, #009989, #003752)
Browse the whole catalog at Explore, or see today's palette.