Petrol Pier color palette — #F0E7E3 · #84C0C2 · #007792 · #004E34 · #00182A
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F0E7E3): a clean, paper-quiet neutral.
- Ash (#84C0C2): A luminous, dusty teal — the color of glacier melt.
- Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#00182A): 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
- Wandering Cobalt Balcony color palette (#F2E7DE, #8BBBD3, #246CB7, #004B4B, #0C0A41)
- Softworn Atelier color palette (#FAEFEA, #B2D0BA, #1886B3, #005D4C, #002044)
- Aged Corridor color palette (#F5EAE3, #7EA791, #005D91, #003A35, #00032F)
- Cerulean Corridor color palette (#ECF8F5, #BAE8FF, #00A5B4, #006B61, #00232A)
- Tempered Ridge color palette (#E0F9E3, #95C8F0, #9999E5, #007757, #002518)
- Aged Lagoon color palette (#D4ECDD, #009C7F, #006667, #003F4A, #001A26)
- Worn Rust color palette (#DBE8DB, #009291, #B14200, #005151, #240700)
- Abyss Delta color palette (#F2E2DB, #428394, #004060, #00201B, #000107)
Browse the whole catalog at Explore, or see today's palette.