Hushed Petrol Pier color palette — #E5FBF3 · #F9D384 · #0071AC · #00324F · #000A07

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

The five colors

• Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
• Wheat (#F9D384): A whisper-light, balanced gold — the color of old brass.
• Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00324F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Straw Grove color palette (#ECFAEC, #FED274, #007B7A, #003636, #000B01)
• Denim Chapel color palette (#FDF1FB, #EBCC8B, #4160A4, #0E2356, #0A0009)
• Washed Cobalt Lagoon color palette (#FCF2F7, #FCE2AE, #726DAC, #353160, #180A12)
• Pale Ridge color palette (#FEF0FF, #FFBE9C, #258DFD, #315D92, #231523)
• Pale Coral Canyon color palette (#EBF2FF, #FC7C63, #31468D, #111C46, #030713)
• Hushed Veranda color palette (#EDF6FF, #CB9900, #004D77, #002943, #101225)
• Grape Alley color palette (#FFF1F5, #ECBB49, #762AA8, #2E0048, #040001)
• Tempered Navy color palette (#FCE7F5, #C69B34, #2A2B88, #040027, #040002)

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