Petrol Pier color palette — #F4F6EE · #BEDDCD · #589EC5 · #00798B · #0E3E5E
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#BEDDCD): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#589EC5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0E3E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Quiet Drift color palette (#D5ECF0, #53BED9, #0095BB, #006C92, #003C5B)
- Washed Field color palette (#F4F7EE, #BBE0FF, #449EFC, #007CA5, #213E70)
- Denim Field color palette (#DEE2D4, #609BB9, #005E8D, #003947, #000A18)
- Ancient Lagoon Alley color palette (#EFEFE3, #AECEAE, #0098A2, #006D60, #00353C)
- Moss Veranda color palette (#DCF6E9, #4AB6DD, #75A730, #007DA0, #273D07)
- Iris Lantern color palette (#D1ECDE, #19A4CD, #8B74E2, #008E59, #043422)
- Washed Loft color palette (#DEFEF3, #FAE1FA, #B4C2FC, #2092BE, #513755)
- Cobalt Atelier color palette (#FCF3ED, #A7D0BC, #247CC4, #00605C, #4D2F47)
Browse the whole catalog at Explore, or see today's palette.