Emerald Pier color palette — #FFF1F6 · #D1B8FF · #24AE4E · #009884 · #401F2E

Kelly Green takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D1B8FF): A whisper-light, balanced violet — the color of wild irises.
• Kelly Green (#24AE4E): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009884): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#401F2E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Timeworn Station color palette (#FFF1F5, #E09DFF, #00A257, #008378, #002A3A)
• Lime Station color palette (#FFF0F9, #A8A7FF, #89B837, #709828, #28264A)
• Washed Parlor color palette (#FFF1F1, #FF8ECC, #63C0B5, #50A097, #412D2C)
• Misty Fuchsia color palette (#FFE8EA, #F86EE5, #71B276, #55945B, #3A1C20)
• Hushed Fuchsia color palette (#FFF1F1, #FF86D8, #8FA500, #008685, #00354B)
• Fuchsia Workshop color palette (#F4D5DB, #E880FF, #459232, #00795F, #2B1118)
• Chalky Mallow Quarry color palette (#FFF6CF, #FD93F9, #F16F66, #008B90, #50253A)
• Feathered Fuchsia Bloom color palette (#F5F3FF, #E98BFF, #7D8C00, #636F00, #290E2F)

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