Emerald Pier color palette — #FFF2EF · #DB7F93 · #4DA46B · #007D8E · #412D2A

Kelly Green and Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose (#DB7F93): A luminous, balanced red — the color of late-summer berries.
• Kelly Green (#4DA46B): A luminous, balanced teal — the color of glacier melt.
• Teal (#007D8E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#412D2A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Ancient Coral color palette (#FFF2EB, #DC8368, #00A4A0, #4472A3, #38312D)
• Feathered Wisteria Veranda color palette (#FFF1F4, #C182D4, #95952E, #19825C, #432B31)
• Ancient Raspberry color palette (#FFF2EF, #CF4A78, #00827D, #00605C, #402D2A)
• Apricot Atelier color palette (#FFF0FA, #F5A188, #A9B56B, #3BA399, #3F2C39)
• Coral Drift color palette (#FFF0FC, #ED998E, #A4A258, #577E51, #2F1E2C)
• Dusty Bronze Grove color palette (#FFF4E2, #ED9979, #AD7C00, #166F7D, #423C37)
• Hushed Scarlet color palette (#FFDCCD, #F52121, #008B76, #006084, #390F0C)
• Gentle Archive color palette (#FCECD5, #B88804, #008BC1, #5F4EA6, #31240E)

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