Petrol Pier color palette — #F4F6EE · #C5E7E9 · #779DC1 · #3C778E · #5D4C5D
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C5E7E9): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#779DC1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3C778E): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#5D4C5D): 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
- Patina Cypress color palette (#F6F6EE, #C9E5DC, #69A5A8, #417B6E, #38523F)
- Weathered Cypress color palette (#F6F1EC, #C9E2E5, #869DC5, #007A83, #452E3C)
- Hushed Atelier color palette (#EFF7F7, #D8DCE9, #97CCFF, #68ADC9, #435469)
- Denim Basin color palette (#E6E9DC, #6FA6C6, #005C8F, #003C4A, #00203F)
- Petrol Harbor color palette (#EEF0E1, #97BBA3, #00748E, #004F52, #003345)
- Worn Plum color palette (#FFF2F0, #D69DAE, #8299C5, #A15870, #5C445A)
- Softworn Cerulean color palette (#F5F7E6, #B6D9BB, #008FA1, #006761, #004857)
- Weathered Lagoon Canyon color palette (#E9E9DB, #508D88, #004648, #00231C, #000C0E)
Browse the whole catalog at Explore, or see today's palette.