Petrol Pier color palette — #D0F6F8 · #007883 · #00505B · #00252F · #001018
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D0F6F8): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007883): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Lagoon Delta color palette (#D1F0E5, #008B87, #005A6A, #00364A, #001E39)
- Weathered Delta color palette (#CCE9FB, #0084BA, #004C6E, #001C29, #000204)
- Muted Pine color palette (#D7EBDB, #007C4D, #00533C, #002C21, #000E0B)
- Frosted Aubergine Coast color palette (#E3F1FA, #007699, #871F93, #003C50, #120015)
- Faded Iris color palette (#CDE4F2, #7ABDF4, #698CDC, #005266, #001020)
- Antique Terrace color palette (#DEEFF6, #00617C, #522CA3, #00482B, #000407)
- Washed Garden color palette (#D2EDF2, #54BFD9, #0089AA, #005371, #00334C)
- Antique Coast color palette (#E0EEE1, #8A6D1C, #5A3E00, #331D00, #070500)
Browse the whole catalog at Explore, or see today's palette.