Petrol Pier color palette — #E5E3C0 · #539589 · #006BA5 · #584100 · #140C00

Peacock takes the lead with Deep Olive close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#E5E3C0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#539589): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006BA5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#140C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Sunlit Ridge color palette (#F0E5CD, #669659, #00778F, #6A322E, #230001)
• Aged Basin color palette (#DFF3EC, #518DAB, #6C59A1, #4D4111, #191300)
• Wandering Petrol color palette (#DDEDF5, #007A9E, #7E6200, #49550C, #000204)
• Antique Market color palette (#CEEDEB, #00829E, #2E5387, #531A28, #25091A)
• Tempered Grove color palette (#D9F0EF, #0E87A6, #344F75, #341108, #030000)
• Muted Sapphire color palette (#F2E5DA, #6EA8CA, #3F6DD4, #005E58, #0C0026)
• Olive Hollow color palette (#F1DECE, #9B8741, #4B6F00, #005450, #0A0500)
• Ancient Forest Workshop color palette (#CAEAEE, #708FC7, #8D5F93, #286126, #1C1E00)

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