Petrol Pier color palette — #E9FAF0 · #FCBCC6 · #006E88 · #002D39 · #000502
Built around Peacock, softened by Ballet Pink — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FAF0): A whisper-light, dusty teal — the color of sea glass.
- Ballet Pink (#FCBCC6): A whisper-light, dusty red — the color of a theater curtain.
- Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002D39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Tempered Onyx color palette (#FDF1FC, #F8C58F, #436398, #032458, #09010A)
- Weathered Cobalt color palette (#EDF8F4, #FFDECB, #377EA8, #003D5B, #00140D)
- Amber Canyon color palette (#DEEEE1, #BF9A47, #005058, #002125, #010702)
- Dusty Ridge color palette (#E2F2F8, #E8C374, #0099A7, #09626B, #07191F)
- Washed Blush Orchard color palette (#E1F1FD, #D97A90, #004868, #032439, #0C0F1C)
- Navy Harbor color palette (#FEF1F9, #A6C882, #47488B, #130C42, #040002)
- Softworn Driftwood Station color palette (#FAF2F9, #D1DCCD, #997A96, #553D53, #221721)
- Indigo Summit color palette (#FEF0FC, #6E8FDC, #7D5BAF, #6E4400, #00110B)
Browse the whole catalog at Explore, or see today's palette.