Emerald Pier color palette — #F6F1EC · #E9B989 · #499654 · #966630 · #15170B

Fern and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Sand (#E9B989): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#499654): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#966630): A full-bodied, balanced gold — the color of old brass.
• Ink (#15170B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Moss Balcony color palette (#F8F0EE, #ECB2B5, #7A8C35, #A15960, #181609)
• Aged Cerulean color palette (#F4F2EA, #C7C88C, #008FBB, #767532, #0A1A13)
• Patina Alley color palette (#FFEFDD, #D3C48C, #729352, #15683E, #00352E)
• Lagoon Villa color palette (#FBF0E5, #BEAA6B, #4D885C, #5D486B, #302C1C)
• Timeworn Sand color palette (#FCF2F5, #FFC489, #57ACA4, #AE8257, #243033)
• Patina Boulevard color palette (#F7F1E7, #CFA000, #007C6E, #725700, #020D00)
• Antique Bronze color palette (#F5F1EB, #D4D9D1, #A3B6B2, #9D7E39, #39362F)
• Hushed Olive color palette (#E6E4D6, #6E8300, #004D57, #313C00, #000200)

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