Petrol Pier color palette — #D2F2E6 · #379292 · #1C7294 · #613A4C · #1E0400
Built around Teal, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D2F2E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#379292): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#1C7294): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#613A4C): A full-bodied, dusty rose — the color of strawberry cream.
- Ink (#1E0400): A deep, shadowed, dusty orange — the color of autumn markets.
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
- Hushed Cerulean color palette (#C0E9EB, #3890B0, #506690, #6D3017, #1E0B00)
- Emerald Station color palette (#EBF1DA, #439860, #36786F, #493B6A, #250421)
- Lagoon Boulevard color palette (#E7EDD9, #008C81, #045582, #4E2114, #2E0600)
- Timeworn Alley color palette (#DBF6F0, #008886, #006871, #004352, #000F18)
- Misty Lantern color palette (#D2F1DD, #008DA5, #C23B00, #005F6F, #110200)
- Tempered Onyx color palette (#DFE9D3, #4F877C, #005470, #3E0900, #040100)
- Tempered Meadow color palette (#F5EAD8, #3DB2C5, #0080A4, #005E57, #000A15)
- Softworn Azure Summit color palette (#D5E9F2, #009BD0, #00708F, #003F55, #000204)
Browse the whole catalog at Explore, or see today's palette.