Emerald Pier color palette — #FFF3E4 · #B8C368 · #4A9A5C · #7C5C7E · #3A3E14
Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#B8C368): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#4A9A5C): A luminous, balanced green — the color of a quiet forest floor.
- Graphite (#7C5C7E): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Olive (#3A3E14): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Worn Lagoon Studio color palette (#FBF5E2, #8CCE91, #009C8A, #885C57, #224326)
- Pine Courtyard color palette (#FCE8CE, #A8B532, #00903E, #604C91, #2D3100)
- Antique Lantern color palette (#E9FAED, #D5DFA8, #65A460, #6B5EA5, #2C3200)
- Muted Mint color palette (#FAF6DE, #6CD496, #009A94, #456C95, #393C35)
- Moss Hollow color palette (#F0E3CC, #8DB454, #308360, #71484D, #2C2A0E)
- Softworn Fern color palette (#FAF4EC, #C8D9A9, #7BA78D, #8C777D, #574E00)
- Patina Mallow color palette (#FFF1F3, #F793FF, #00B86E, #924299, #004727)
- Feathered Pine color palette (#DBFEF4, #87B174, #237D34, #105C61, #28431B)
Browse the whole catalog at Explore, or see today's palette.