Hushed Petrol Pier color palette — #F5EAF4 · #62C9CD · #007293 · #00411B · #00020A

Built around Teal, softened by Aqua — the whole palette hums with nature and growth.

The five colors

• Blush (#F5EAF4): bright and airy, almost weightless.
• Aqua (#62C9CD): A luminous, balanced teal — the color of sea glass.
• Teal (#007293): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00411B): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Worn Sapphire color palette (#FEE7F2, #50C6F2, #0064C5, #003F36, #020012)
• Weathered Terrace color palette (#FFF0FA, #82DBF3, #2A80C0, #005340, #06062B)
• Worn Brick Delta color palette (#CCE3EB, #008F96, #C20711, #004548, #040000)
• Wandering Lagoon color palette (#F8EDE8, #4D9EA2, #005266, #003120, #001527)
• Cerulean Orchard color palette (#EDEEE1, #71BFC3, #0094A4, #006E66, #00171D)
• Patina Cerulean Corridor color palette (#D0F5FF, #00A3B8, #005D73, #001A22, #000102)
• Weathered Boulevard color palette (#D6E9E7, #007773, #884200, #693100, #000201)
• Chalky Market color palette (#D3FFFE, #A8DCFF, #B189F6, #296B38, #000509)

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