Petrol Pier color palette — #E8F6ED · #95BFA4 · #CC877F · #007F95 · #4B2420
Teal takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E8F6ED): a clean, paper-quiet neutral.
- Mint Leaf (#95BFA4): A luminous, dusty teal — the color of glacier melt.
- Dusty Rose (#CC877F): A luminous, balanced orange — the color of autumn markets.
- Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#4B2420): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Pine Grove color palette (#EFF4EA, #8CC1A6, #C585AA, #00875B, #4A2426)
- Antique Coral color palette (#EEF8F1, #74BDCB, #D17F71, #078192, #534B48)
- Antique Cobalt color palette (#E5F6F2, #91B7DF, #C68E67, #2D75B8, #36302B)
- Patina Apricot Quarry color palette (#EBF8FB, #84D5D2, #EB9B6D, #369E9C, #614253)
- Weathered Rust Lagoon color palette (#E3F7EF, #6BA4C6, #BF7677, #AF5C5F, #122D24)
- Pewter Coast color palette (#F7EEF7, #D9BEA2, #725672, #3F273F, #181118)
- Weathered Bronze color palette (#FCF0E3, #C6BAA1, #A8783F, #784A40, #2F2D1B)
- Airy Ember color palette (#D7FBEF, #45A0E1, #D55411, #006095, #3C1000)
Browse the whole catalog at Explore, or see today's palette.