Hushed Pier color palette — #EFF7F8 · #D6DBE3 · #B4AAB0 · #5A8E7C · #4D5455

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DBE3): a clean, paper-quiet neutral.
• Ash (#B4AAB0): a calm mid-gray that lets other colors speak.
• Fern (#5A8E7C): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4D5455): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Driftwood color palette (#EFF4EC, #CDDCD8, #A4B1B5, #768A6B, #333831)
• Timeworn Petrol Corridor color palette (#F0F6FB, #DCDAE4, #CBBBD1, #407C9C, #3F4951)
• Ancient Driftwood color palette (#FCF2F6, #A9CAB5, #718B59, #4E6C73, #435148)
• Hushed Study color palette (#E0FCF9, #A5C6CF, #869CB7, #5F715E, #445852)
• Abyss Quarry color palette (#DEE5E9, #AEBACA, #888BAE, #004C62, #0D222D)
• Cerulean Field color palette (#FFF0FA, #7EB695, #3C7FA3, #7E493C, #334D52)
• Ancient Petrol Lantern color palette (#E3EEF0, #8E9CA4, #5A7390, #00332C, #000C0E)
• Pewter Hollow color palette (#EBF9F5, #8AA16D, #7D60A4, #684F18, #2D4A33)

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