Petrol Pier color palette — #E8F1DF · #6A9CA0 · #1F758D · #632E22 · #2F1700
Built around Teal, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F1DF): A whisper-light, dusty green — the color of new leaves after rain.
- Eucalyptus (#6A9CA0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#1F758D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#632E22): A deep, shadowed, dusty orange — the color of toasted spice.
- Onyx (#2F1700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Hazy Cobalt Basin color palette (#C9F1E0, #60A1A9, #3F6DB6, #663900, #212100)
- Antique Onyx color palette (#DEF1E2, #8C9D72, #396E72, #5D324D, #420700)
- Worn Garnet color palette (#E2F4DB, #538B83, #24546F, #571E00, #130F00)
- Softworn Cerulean Chapel color palette (#D3E6CD, #73B2A3, #4090AD, #854836, #4D2913)
- Muted Chapel color palette (#E0F3FB, #78A1B8, #426F90, #523C6B, #412C43)
- Weathered Basalt color palette (#D8E9E3, #699B76, #006455, #313F00, #001807)
- Tempered Chapel color palette (#DAF2FC, #008FA1, #B53E00, #00505A, #250600)
- Aubergine Orchard color palette (#D8FCE2, #8ECAE6, #678DB1, #6A4582, #3A1C38)
Browse the whole catalog at Explore, or see today's palette.