Petrol Pier color palette — #F9EBE5 · #77BECB · #0B70A0 · #005236 · #1B2B56
A conversation between Peacock and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Cyan (#77BECB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0B70A0): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1B2B56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Petrol color palette (#E3ECE4, #81BFCA, #007696, #004C45, #001828)
- Patina Field color palette (#FCF3ED, #AACFBA, #4F7CA8, #00624E, #313661)
- Ancient Denim color palette (#FBEBDE, #66A8C9, #2B559A, #003F38, #200F4C)
- Wandering Corridor color palette (#FFE7E1, #4A9F9D, #005266, #003309, #00142B)
- Dusty Iris color palette (#FAF4EE, #C0E6D9, #7587C0, #007170, #5D3C4B)
- Dusty Navy Grove color palette (#FCEADE, #57889C, #003C75, #00231C, #080029)
- Muted Azure Meadow color palette (#F7EAF3, #99E1EC, #1AB1F5, #099563, #1A2B56)
- Faded Garden color palette (#FEE2F8, #A03D95, #006F57, #005257, #320F2E)
Browse the whole catalog at Explore, or see today's palette.