Petrol Pier color palette — #E7F2E9 · #8BBAC9 · #007588 · #005142 · #003345
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#8BBAC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): 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
- Wandering Boulevard color palette (#EEF8F0, #A3CCDE, #2783A2, #006058, #003F60)
- Weathered Petrol Lantern color palette (#EFE6EE, #8BBCCC, #007699, #004F24, #001534)
- Timeworn Villa color palette (#EAF1EB, #91B6D5, #2667B8, #004E5C, #202A54)
- Weathered Lagoon color palette (#D8E4DA, #73A8B9, #005E86, #003E3E, #00203F)
- Frosted Turquoise color palette (#F5EDE1, #8CE4E8, #00B8D4, #0F9379, #003345)
- Washed Cypress color palette (#F1F7F2, #D2DFF0, #68A3B6, #118071, #3D5668)
- Fern Station color palette (#D4FBF7, #94CFBF, #00B2C5, #4A6800, #003A24)
- Wandering Meadow color palette (#E8F2EA, #438C9E, #00425B, #002221, #000A17)
Browse the whole catalog at Explore, or see today's palette.