Petrol Pier color palette — #FBF6DD · #97BE8F · #4D9776 · #146B92 · #3C3E37
Peacock takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF6DD): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#97BE8F): A luminous, dusty green — the color of fresh herbs.
- Fern (#4D9776): A luminous, balanced teal — the color of glacier melt.
- Peacock (#146B92): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3C3E37): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Softworn Driftwood Basin color palette (#FDF5E2, #C0B176, #818D4E, #00736E, #3F3D36)
- Teal Loft color palette (#F6F7E5, #94CBBB, #50A1A3, #5C6D9D, #3F4C3A)
- Worn Lantern color palette (#DCFFEF, #A5DF85, #50A677, #386A81, #173835)
- Aged Parlor color palette (#FFF3E9, #94A046, #007C65, #703465, #3D3E37)
- Frosted Denim Studio color palette (#F0F8ED, #51B9AA, #2D8BB5, #5452A1, #4E284A)
- Pale Grape Ridge color palette (#F3F9D9, #00BFC6, #008BAB, #6531C1, #003D45)
- Navy Balcony color palette (#E9E7BF, #00B380, #008077, #00489F, #003126)
- Hushed Chartreuse Atelier color palette (#FFF1F7, #BED372, #47BBA3, #9C709A, #224440)
Browse the whole catalog at Explore, or see today's palette.