Petrol Pier color palette — #DBEDE9 · #5AB2B7 · #007481 · #004B45 · #00171E
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DBEDE9): bright and airy, almost weightless.
- Cyan (#5AB2B7): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007481): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171E): 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
- Petrol Archive color palette (#E1F0EE, #7CBDCE, #0081A3, #00585E, #002333)
- Ancient Thicket color palette (#EEF0DF, #6BC8CE, #007483, #003E3A, #000305)
- Denim Drift color palette (#D1E3E2, #619ABB, #005D90, #003948, #000919)
- Soft Loft color palette (#CBECFC, #68B8DF, #2D96E7, #006C76, #001822)
- Cerulean Veranda color palette (#E2FCF7, #83DAEB, #009CBD, #007275, #00384C)
- Wandering Garden color palette (#D6E6ED, #008797, #8534C2, #004E59, #19002C)
- Ultramarine Balcony color palette (#DBF1F1, #84A5C7, #1262C4, #004563, #010349)
- Linen Studio color palette (#DFF3F8, #007384, #492FDE, #005B19, #00090C)
Browse the whole catalog at Explore, or see today's palette.