Hushed Pier color palette — #F1F8EA · #84EDC5 · #F2B0D1 · #73B99D · #654342

Lagoon and Carnation set the tone — five colors that lean into softness and clarity.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Lagoon (#84EDC5): A whisper-light, balanced teal — the color of sea glass.
• Carnation (#F2B0D1): A whisper-light, balanced rose — the color of strawberry cream.
• Mint Leaf (#73B99D): A luminous, balanced teal — the color of sea glass.
• Cocoa (#654342): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Seafoam Corridor color palette (#F0F9E8, #86D8B7, #D79DBA, #529D80, #654242)
• Straw Pier color palette (#F8F6E5, #CDDE94, #D4B8F8, #A3B077, #61434E)
• Weathered Boulevard color palette (#E8FBEE, #87E5FC, #F6B5A2, #67B6C9, #534B47)
• Muted Seafoam color palette (#EDFAE5, #58E2C1, #C0B2F5, #D0A488, #3C4634)
• Seafoam Courtyard color palette (#E5FEE1, #3CF7EC, #E97D8E, #00AEA6, #631F2E)
• Tempered Fern color palette (#FCF4E5, #E4D9B2, #C7B48C, #A08F7A, #504900)
• Washed Seafoam color palette (#E7FDE0, #99F8E2, #72CCBB, #5A9488, #2B3E25)
• Wandering Delta color palette (#E3F7F6, #91C0A4, #C68F5D, #278558, #462533)

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