Petrol Pier color palette — #D6E4E7 · #7A91A1 · #5A6C89 · #003130 · #000202
Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.
The five colors
- Silver (#D6E4E7): bright and airy, almost weightless.
- Slate Blue (#7A91A1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5A6C89): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#003130): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Ancient Bloom color palette (#DFE8F2, #9B9EB2, #817597, #013274, #01040D)
- Timeworn Abyss color palette (#E4EBE5, #AEC0B6, #789B8F, #004549, #000200)
- Muted Denim color palette (#E2EBEF, #BDCDE0, #9EA3B7, #006071, #09181F)
- Petrol Loft color palette (#D0E9E0, #00678A, #39295B, #221800, #000501)
- Aged Lagoon color palette (#EBF2FF, #D0D0F0, #B5A2C8, #3A50B2, #121A28)
- Muted Petrol color palette (#ECF3F9, #DBD6E4, #C5B9C5, #55789B, #262D34)
- Aubergine Hollow color palette (#DFF2FF, #00904D, #00627C, #490782, #000103)
- Onyx Courtyard color palette (#CAE7FA, #4F4647, #002F3E, #110E16, #010012)
Browse the whole catalog at Explore, or see today's palette.