Petrol Pier color palette — #DDEDEA · #83C0C2 · #007985 · #004C45 · #001A20
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DDEDEA): bright and airy, almost weightless.
- Ash (#83C0C2): A luminous, dusty teal — the color of sea glass.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): 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
- Ancient Summit color palette (#E8F5F3, #AACEDD, #008AA4, #005B5B, #002531)
- Tempered Lagoon color palette (#F9EBE4, #6BC2C4, #00748D, #005236, #08314B)
- Wandering Cobalt color palette (#E1ECEB, #8CB9DB, #006EBB, #00485E, #001436)
- Dusty Denim color palette (#D2E2E0, #5FA8BF, #00617F, #00383E, #000C16)
- Tempered Balcony color palette (#D1EEFC, #9FD6F1, #4D9EE8, #006B72, #001F2E)
- Antique Grape color palette (#D7E4EE, #00759B, #720DDB, #005B3E, #000D14)
- Ancient Basin color palette (#E4F2F0, #2A8599, #004255, #001F21, #000103)
- Soft Byzantium Pier color palette (#D2EBF4, #00909C, #853FC7, #005058, #1C0033)
Browse the whole catalog at Explore, or see today's palette.