Petrol Pier color palette — #FFF3E5 · #25ADA2 · #4167B0 · #6B4500 · #2B4435

Slate takes the lead with Turquoise close behind in a set that reads as optimism and balance at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#25ADA2): A luminous, balanced teal — the color of sea glass.
• Slate (#4167B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6B4500): A full-bodied, balanced gold — the color of old brass.
• Forest (#2B4435): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged retro.

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 Station color palette (#FBF5E2, #62B5CC, #7A6CA7, #5D5C2E, #354E47)
• Sunlit Market color palette (#FFF2EE, #66AB69, #007690, #7D3137, #35422C)
• Wandering Atelier color palette (#E0FAE5, #00AECF, #406BAB, #673731, #0C2535)
• Ancient Mulberry color palette (#F0F8EC, #009F84, #93426F, #524900, #253911)
• Faded Grape Pier color palette (#F3E3BE, #008E98, #4800DD, #413800, #002D40)
• Patina Cypress color palette (#FBF4E8, #A2B88D, #3C8366, #3E6351, #484500)
• Weathered Cypress color palette (#FBF3F0, #C6E6CF, #5292BA, #0C7450, #593D54)
• Grape Canyon color palette (#F9F8D5, #0095DB, #8B24AD, #324F00, #283356)

Browse the whole catalog at Explore, or see today's palette.