Hushed Petrol Pier color palette — #D7E9C9 · #87A98B · #4E7C9A · #654645 · #442316

Built around Slate, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D7E9C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#87A98B): A luminous, dusty green — the color of fresh herbs.
• Slate (#4E7C9A): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#654645): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#442316): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Cocoa Lagoon color palette (#CFECD1, #5EA6CA, #6778A0, #75381C, #382819)
• Antique Archive color palette (#F2F4DF, #72B08C, #007662, #464740, #191F09)
• Softworn Cocoa Cabin color palette (#DDFBDE, #8EC9E2, #917990, #6C5752, #572C00)
• Timeworn Cerulean Dune color palette (#CCF9F0, #398E9F, #2C567D, #481E2C, #210A00)
• Muted Lilac color palette (#D9E4F0, #A2A6F1, #91779B, #774908, #333000)
• Patina Cerulean color palette (#C9EBF8, #8FC4D5, #6993B4, #746289, #4A4362)
• Antique Rust Workshop color palette (#D8F0E2, #00A1C2, #BB5B46, #005F73, #350C05)
• Washed Lagoon Terrace color palette (#CFF2EB, #00A3AA, #007081, #004C62, #001F31)

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