Hushed Pier color palette — #FFF2EF · #9AB17D · #27858E · #7E4553 · #404F03

Built around Deep Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#9AB17D): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#27858E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#7E4553): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#404F03): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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

• Wandering Lagoon color palette (#FFF2ED, #B5A86B, #378773, #73486E, #494841)
• Patina Cobalt Thicket color palette (#FFF2E9, #65BAA6, #4E7AAC, #7A4D31, #3B4D3F)
• Weathered Mint color palette (#FEF4E4, #83D39F, #55A1A0, #8D6069, #434B3C)
• Chestnut Studio color palette (#F7F5ED, #BEC5A6, #4D8F85, #776417, #4A5304)
• Worn Thicket color palette (#E7F7EA, #6FC08D, #2D8887, #544C6B, #183133)
• Antique Workshop color palette (#FAF5E9, #A99758, #6069B1, #794517, #47413C)
• Softworn Lagoon color palette (#FBF3F0, #C8EBE4, #5CA2C9, #497B5F, #5F4B5D)
• Emerald Field color palette (#FFF2ED, #1FA655, #006A89, #86010F, #003F36)

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