Hushed Petrol Pier color palette — #F1F3EB · #C7DFE0 · #77A899 · #3F7384 · #412E44

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C7DFE0): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#77A899): A luminous, dusty teal — the color of glacier melt.
• Slate (#3F7384): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#412E44): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ancient Cypress color palette (#F0F3EC, #C4E2E6, #AE91AF, #487665, #442D41)
• Hushed Market color palette (#F0F3EC, #BEE7D9, #6991BA, #28667F, #182C4A)
• Denim Bloom color palette (#E2E4DA, #75A4BA, #005F89, #003843, #000C19)
• Worn Petrol color palette (#E9EAE1, #98BEA2, #00788D, #004B4B, #001922)
• Wandering Driftwood color palette (#FAF4EE, #C6DDE8, #DDC1DE, #7B9C7D, #5C4555)
• Periwinkle Balcony color palette (#FDEEEC, #DF9DB4, #7A9ED4, #985D72, #3E283E)
• Ancient Lagoon color palette (#E4E4D0, #2D9C98, #005457, #002C25, #000507)
• Driftwood Basin color palette (#FFEDE9, #E0D5C8, #B9BE9C, #A17773, #4F3B35)

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