Washed Petrol Pier color palette — #F6F7E3 · #8CCDBA · #51A1A2 · #556CA8 · #3D4D37

Slate takes the lead with Eucalyptus close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8CCDBA): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#51A1A2): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#556CA8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#3D4D37): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Creativity, Calm, Sophistication. Tagged retro, muted, cool.

Use it as a design system

One click turns Washed 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

• Fern Alley color palette (#F9F5E8, #B2C698, #71A078, #2A7A90, #4C4B00)
• Ancient Grove color palette (#E5FBF4, #9DF1D0, #5CB3AD, #5D7493, #2D4446)
• Muted Pewter color palette (#F1F8E6, #8DC7E2, #7196BC, #895B91, #364E45)
• Softworn Lagoon color palette (#FFF2EB, #83B68A, #288590, #784A55, #464942)
• Dusty Basin color palette (#EBF2DB, #53AFCB, #037EC1, #6E3C84, #10392A)
• Hushed Teal color palette (#EDF4EA, #4AAF9F, #4D5D4D, #323B2E, #1F231C)
• Seafoam Hollow color palette (#FFF0F9, #A0E3AF, #73BBC7, #AD7C8C, #364C4E)
• Mulberry Atelier color palette (#FAF5EA, #BEB17E, #9980AE, #984D66, #5E371F)

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