Petrol Pier color palette — #F4E2C2 · #917300 · #006AAC · #554300 · #001021
Peacock takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F4E2C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#917300): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001021): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Faded Veranda color palette (#DFEFDF, #A97100, #3C56D6, #533500, #00000B)
- Feathered Navy Parlor color palette (#F8E4C5, #7D5700, #004B90, #3D2800, #000F26)
- Faded Ultramarine color palette (#EDE7D5, #817B00, #2442FF, #4B4700, #020040)
- Weathered Rust Corridor color palette (#FADECF, #CE3E00, #00747D, #7B2100, #001315)
- Softworn Cornflower color palette (#EEE6B7, #C5B12A, #2776EB, #786900, #002967)
- Frosted Market color palette (#E7E1D4, #7B6800, #7E00B6, #433700, #0C0017)
- Worn Grape Pier color palette (#F7E8D8, #8D5900, #5705EC, #6A008C, #0E0500)
- Bronze Boulevard color palette (#FCEDDB, #8B7F00, #704900, #561900, #050E00)
Browse the whole catalog at Explore, or see today's palette.