Softworn Petrol Pier color palette — #E6E7CF · #529073 · #2D708F · #66402C · #1F0700

Built around Slate, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Parchment (#E6E7CF): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#529073): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#2D708F): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#66402C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Ink (#1F0700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Muted Pewter color palette (#D2F1EA, #518CA6, #6E5C8F, #59401B, #170C00)
• Driftwood Archive color palette (#F1E3D5, #879147, #21736A, #682B3F, #2C0011)
• Antique Emerald color palette (#EBE5C8, #489C68, #00716B, #464D05, #000802)
• Fern Balcony color palette (#D7EADF, #5AA0A1, #60759F, #575900, #002011)
• Aged Drift color palette (#C8EDDB, #008486, #1B5675, #4C1C3B, #2F0004)
• Brick Cabin color palette (#CEF0FF, #007A9D, #B23300, #704400, #000204)
• Chalky Rust color palette (#E0F4E6, #008DA4, #BE401C, #005F6F, #120100)
• Hushed Lagoon color palette (#D2EBDA, #008F7D, #006B74, #004967, #000321)

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