Petrol Pier color palette — #DCEBE5 · #006792 · #080B36 · #030D0B · #000201
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DCEBE5): a clean, paper-quiet neutral.
- Peacock (#006792): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#080B36): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#030D0B): quiet, heavy and certain.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Eclipse Veranda color palette (#DCEAD9, #006F68, #313940, #00151D, #000200)
- Shadow Denim color palette (#CAE4F8, #004B6D, #251E25, #000B2E, #000308)
- Cobalt Basin color palette (#CBE8FF, #0082BC, #1D436C, #081F30, #000204)
- Cerulean Villa color palette (#FFF2EC, #90DAE5, #0086B0, #005341, #000D1F)
- Worn Azure Basin color palette (#E4FBF4, #47A5EF, #414266, #11221E, #030604)
- Dusty Lagoon color palette (#FDF1F9, #A0A7F3, #674C53, #33272F, #120E12)
- Forest Hollow color palette (#FBF5E4, #86B16A, #007249, #00444C, #030A00)
- Ultramarine Corridor color palette (#F1DBEC, #2630FD, #1A042E, #060D11, #030003)
Browse the whole catalog at Explore, or see today's palette.