Petrol Pier color palette — #EDDBC9 · #B16C18 · #006FB1 · #6A3D00 · #002B49
Slate and Ochre set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#EDDBC9): A whisper-light, dusty gold — the color of old brass.
- Ochre (#B16C18): A full-bodied, balanced gold — the color of old brass.
- Slate (#006FB1): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#6A3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#002B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Bronze Canyon color palette (#EEDACA, #B8662C, #007A76, #723600, #00302E)
- Feathered Cobalt color palette (#F6EDDF, #A78A3B, #0080C2, #6C5300, #00395A)
- Feathered Cabin color palette (#E8DDC4, #927E00, #535CC5, #554900, #1D1E5E)
- Amber Studio color palette (#FCE5ED, #C57B21, #005FA2, #663A00, #001327)
- Dusty Apricot color palette (#F0DAC4, #EA9228, #007CC2, #8E5300, #002B48)
- Hushed Lapis color palette (#EADDCC, #916300, #4737D0, #4E3300, #14084F)
- Quiet Bronze Drift color palette (#ECDCC5, #876500, #006692, #324479, #2A1D00)
- Weathered Delta color palette (#EFD8D4, #BC5979, #00778B, #880043, #002F38)
Browse the whole catalog at Explore, or see today's palette.