Petrol Pier color palette — #DCF9F3 · #80CACC · #00818D · #00524B · #001E25
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DCF9F3): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#80CACC): A luminous, dusty teal — the color of sea glass.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00524B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E25): 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
- Softworn Petrol Hollow color palette (#DBEEED, #90B9D8, #3A6EA3, #00485F, #001338)
- Aged Petrol Study color palette (#FFF2EC, #75C8C9, #007A94, #00593A, #003755)
- Weathered Cobalt Quarry color palette (#E7F5F4, #A5D8F3, #2F8BC3, #005F73, #002646)
- Wandering Denim Studio color palette (#DFEFEC, #5DAAB2, #006372, #003937, #000D13)
- Dusty Abyss Chapel color palette (#E2F0EE, #4B8192, #004258, #001F23, #000103)
- Ancient Turquoise color palette (#FFF0FA, #B9FCFF, #00ABD0, #007651, #002740)
- Hazy Lapis color palette (#E3E9FF, #4953FF, #AC008E, #005D66, #06003A)
- Soft Navy color palette (#D8E4ED, #0087E1, #0059AB, #00258E, #090052)
Browse the whole catalog at Explore, or see today's palette.