Petrol Pier color palette — #F4F2E8 · #989956 · #007187 · #6F364E · #1C1809
Teal takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F2E8): bright and airy, almost weightless.
- Moss (#989956): A luminous, balanced green — the color of fresh herbs.
- Teal (#007187): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#6F364E): A full-bodied, balanced rose — the color of pressed rose petals.
- Ink (#1C1809): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Cobalt color palette (#F3F2E8, #7F9C5C, #4C6BAF, #713A25, #1A190C)
- Ancient Orchard color palette (#FAEFEA, #C16F61, #007A9A, #6C353F, #261710)
- Bronze Summit color palette (#F8F1E6, #A77E38, #2E7D54, #544170, #1F1609)
- Muted Lagoon Atelier color palette (#FFEDE8, #AFB072, #31887E, #6F4060, #2D2D1E)
- Softworn Chapel color palette (#F8F5EA, #8B8E38, #416790, #634666, #4F2900)
- Aged Lime Station color palette (#EDF8F3, #99B858, #8781B5, #6A6593, #3A303D)
- Timeworn Delta color palette (#ECEFE1, #4F9461, #2E412F, #1D2012, #0E0C07)
- Airy Hollow color palette (#EAF6E7, #008377, #00577C, #650018, #020B00)
Browse the whole catalog at Explore, or see today's palette.