Petrol Pier color palette — #F3E6E0 · #9FBCA1 · #007790 · #004E31 · #001828
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E6E0): bright and airy, almost weightless.
- Sage (#9FBCA1): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E31): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001828): 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
- Worn Petrol Lagoon color palette (#EFE7E1, #97BDAF, #416AAC, #004B4F, #120741)
- Cerulean Canyon color palette (#FAEFEA, #B6CFBC, #1D87AE, #005D49, #002141)
- Tempered Ridge color palette (#FAE9E1, #7EA78F, #005E8D, #003A33, #00062A)
- Hushed Cypress Grove color palette (#F7F0ED, #CAE2DD, #7DA792, #387961, #173E35)
- Dusty Abyss color palette (#F4E3DB, #4B828E, #00415D, #00201A, #000106)
- Patina Nightshade Garden color palette (#F7EDE4, #5991B6, #003DAA, #002B2F, #04001A)
- Hushed Fern color palette (#EEE9D6, #798F62, #5B5800, #412D00, #0D1000)
- Feathered Quarry color palette (#FFE4E7, #B052AE, #105E0A, #005049, #180018)
Browse the whole catalog at Explore, or see today's palette.