Petrol Pier color palette — #F0E7E4 · #9DBDA1 · #00759B · #004F27 · #001436
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#F0E7E4): bright and airy, almost weightless.
- Sage (#9DBDA1): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F27): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001436): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Petrol Orchard color palette (#EFE7E2, #89BCD1, #376CAE, #004C41, #140641)
- Aged Cobalt color palette (#F9F0EC, #AFD1BA, #3F83B1, #005E43, #151E3E)
- Softworn Cerulean Coast color palette (#EDF9EF, #BBE8FF, #00A3BD, #006C58, #002230)
- Gentle Sapphire color palette (#F1E4CF, #A17800, #2A64D0, #5B4200, #000C39)
- Navy Cabin color palette (#E6DCD7, #448294, #003E69, #002017, #01000B)
- Antique Nightshade Lantern color palette (#F6EDE3, #688FAC, #2938A6, #002C2B, #070015)
- Cypress Alley color palette (#F7F0ED, #CAE2DD, #6DA4C3, #407959, #432E42)
- Faded Olive Chapel color palette (#F5F1D9, #687300, #006497, #3C3D82, #0A0C00)
Browse the whole catalog at Explore, or see today's palette.