Hushed Pier color palette — #F1F7F1 · #7CC2BF · #AE834E · #727626 · #232917

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Mint Leaf (#7CC2BF): A luminous, dusty teal — the color of sea glass.
• Caramel (#AE834E): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#727626): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#232917): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Amber Delta color palette (#F3F7ED, #9CCFAF, #C37666, #8D621B, #282410)
• Washed Hollow color palette (#FBF2FC, #91BEF1, #80A168, #007B66, #182B21)
• Coral Parlor color palette (#FBF2F8, #ABB6F5, #E28B87, #738E5E, #263A34)
• Muted Turquoise Parlor color palette (#E4FCF0, #00B5E6, #757500, #00622A, #001817)
• Washed Olive Alley color palette (#FEF2F0, #FAB6C3, #BD8F6E, #746E00, #174229)
• Timeworn Villa color palette (#EBF2FE, #678EE1, #83682C, #36593E, #0E2124)
• Bronze Hollow color palette (#FFF2EB, #EAD1FE, #BD92B6, #9C6149, #50373D)
• Muted Ash color palette (#FFF1F5, #BCA1D7, #674C52, #37252B, #140D10)

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