Petrol Pier color palette — #DFF1EB · #00838D · #00526F · #002049 · #030016
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF1EB): A whisper-light, dusty teal — the color of sea glass.
- Teal (#00838D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00526F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002049): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#030016): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Midnight Delta color palette (#D3EBEA, #008798, #004860, #000C1E, #00000B)
- Navy Corridor color palette (#E2F4F6, #007FA7, #004293, #2B0060, #07000A)
- Hushed Pine color palette (#D9E4CE, #008848, #00574F, #00262B, #000509)
- Navy Lagoon color palette (#FFE7D4, #007270, #003E70, #321800, #000406)
- Wandering Orchard color palette (#E4F1F5, #94A8B4, #74889F, #005051, #000B10)
- Aged Corridor color palette (#DAECE9, #428398, #474CA1, #422F00, #00120A)
- Shadow Aubergine color palette (#CDE5EB, #006661, #5E0061, #231900, #030200)
- Ultramarine Meadow color palette (#D4E4EC, #00A777, #0088AC, #3E30CE, #000307)
Browse the whole catalog at Explore, or see today's palette.