Petrol Pier color palette — #D0EAE9 · #187A9C · #28446A · #400811 · #180600
A conversation between Slate and Espresso, giving this palette its sense of trust and stability.
The five colors
- Frost (#D0EAE9): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#187A9C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#28446A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#400811): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#180600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Sophistication. Tagged vintage, 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
- Timeworn Basalt Canyon color palette (#DEEEF9, #5D6B96, #4C2F61, #391B00, #0B0700)
- Onyx Alley color palette (#E0EEDF, #387463, #004A54, #38123E, #150006)
- Antique Field color palette (#D8E4C6, #11837D, #2C4C72, #392B00, #161C01)
- Timeworn Petrol Delta color palette (#D4EBEA, #4B8BA1, #466397, #642732, #2D1000)
- Lagoon Drift color palette (#E1EBD9, #229E96, #496086, #422D00, #0A0500)
- Aged Lagoon color palette (#D2F2F7, #006E86, #004360, #001C35, #00021A)
- Dusty Denim Terrace color palette (#CEEBE1, #006194, #683E00, #002D48, #050200)
- Velvet Cobalt Archive color palette (#E3EEFF, #1A70CC, #00387B, #000F25, #000104)
Browse the whole catalog at Explore, or see today's palette.