Petrol Pier color palette — #F9F4ED · #CAE6EA · #AC8EA9 · #37788C · #614A5A
Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Silver (#CAE6EA): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AC8EA9): A luminous, dusty pink — the color of a candy shop window.
- Slate (#37788C): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#614A5A): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Cypress Hollow color palette (#F6F1EC, #CBE0E3, #9199C3, #007A7F, #472D37)
- Timeworn Coast color palette (#F9F4EE, #C9E7E3, #7AA491, #357C77, #345149)
- Timeworn Lagoon Drift color palette (#FAF3F5, #DBDDEC, #A0B1D7, #16989E, #4E4F6D)
- Cocoa Coast color palette (#E8FAF5, #8DB4DD, #BB8F65, #4976A4, #6E4100)
- Timeworn Basin color palette (#CFF8E0, #8CC9E9, #4B86B3, #466791, #62455D)
- Aged Driftwood color palette (#FFEFFF, #769ACB, #BA7276, #5D824E, #4C3C4C)
- Cerulean Harbor color palette (#FFF0FC, #B7CBFA, #6985B7, #3B537C, #2C395A)
- Petrol Delta color palette (#F4EEE4, #82BBCD, #12719A, #00504F, #002F55)
Browse the whole catalog at Explore, or see today's palette.