Petrol Pier color palette — #FFF4E3 · #FBD4B7 · #B1A172 · #277E97 · #5B3500
Cerulean takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
- Peach Cream (#FBD4B7): A whisper-light, dusty gold — the color of old brass.
- Camel (#B1A172): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#277E97): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5B3500): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Antique Petrol Quarry color palette (#FEF4E3, #E8DEA6, #8BAD82, #5E70A5, #4B3F00)
- Washed Taupe Loft color palette (#FDF4E6, #FFCDD9, #D09076, #3B816E, #503932)
- Cocoa Studio color palette (#FCF4E7, #FFBDBB, #BDAE71, #768BB9, #6D3802)
- Wandering Petrol color palette (#FCF3EC, #F6BF96, #6BAB7F, #3A6FA0, #502941)
- Apricot Studio color palette (#E7FBEB, #D9956E, #867645, #365F75, #554248)
- Weathered Ash color palette (#FFF3E8, #DDDECA, #C7C4A5, #76A090, #5A4654)
- Misty Moss Balcony color palette (#FFF4E2, #F3B052, #878E00, #005D91, #332600)
- Worn Driftwood color palette (#F8F5ED, #C5DFD0, #B1B188, #B67256, #524600)
Browse the whole catalog at Explore, or see today's palette.