Petrol Pier color palette — #E6EEE8 · #88BBC7 · #00848F · #005C41 · #00242D
A conversation between Teal and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6EEE8): a clean, paper-quiet neutral.
- Ash (#88BBC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Petrol Orchard color palette (#D5E5D8, #67AEBD, #007192, #004A45, #001626)
- Muted Summit color palette (#E7F2E9, #A3CCDC, #0095B7, #006D61, #00324A)
- Hushed Lagoon color palette (#FCF4E7, #7EDFD9, #008A96, #00543B, #000F15)
- Muted Cobalt color palette (#D8E1DA, #82BAD7, #0079C5, #005861, #001656)
- Timeworn Turquoise Veranda color palette (#EEF8F0, #B1E5F4, #00AFC5, #008569, #00475C)
- Ancient Petrol Hollow color palette (#DFECFF, #BCBEFF, #B68ACB, #006B95, #171B44)
- Ultramarine Parlor color palette (#DCE9DF, #7896B2, #084FBA, #003947, #05002C)
- Washed Brick color palette (#D1E2FD, #3870D4, #C40830, #196A06, #000E33)
Browse the whole catalog at Explore, or see today's palette.