Petrol Pier color palette — #F5E9F3 · #D3AFA3 · #BD8B59 · #187EA6 · #39345D
Cerulean takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F5E9F3): a clean, paper-quiet neutral.
- Rosewood Mist (#D3AFA3): A luminous, dusty orange — the color of sun-warmed clay.
- Caramel (#BD8B59): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#187EA6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#39345D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Optimism, 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
- Wandering Petrol color palette (#FBD2D8, #D7B297, #A29964, #626D9E, #2B3153)
- Cypress Lantern color palette (#EDEDFF, #D4AAD2, #CB8887, #008278, #003953)
- Timeworn Archive color palette (#FFF2F0, #EBCDBB, #C5B899, #7E90BA, #66404C)
- Indigo Veranda color palette (#FFE6E2, #E1AC65, #86A553, #756BDA, #602752)
- Washed Driftwood color palette (#FFF3E9, #E0BB8E, #A78E4E, #29603C, #00382C)
- Forest Hollow color palette (#EED8E0, #8DAE8F, #618972, #236648, #024137)
- Timeworn Taupe Ridge color palette (#FFE0EA, #B8876C, #6B5E32, #22455C, #001F2F)
- Aged Thicket color palette (#FCEBE6, #BA826E, #836F3E, #005498, #28034B)
Browse the whole catalog at Explore, or see today's palette.