Emerald Pier color palette — #DEF4F4 · #E2C485 · #00A06E · #30624B · #001B1B

Fern takes the lead with Honey close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#DEF4F4): A whisper-light, dusty teal — the color of sea glass.
• Honey (#E2C485): A whisper-light, balanced gold — the color of old brass.
• Fern (#00A06E): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#30624B): A full-bodied, dusty teal — the color of sea glass.
• Ink (#001B1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Teal color palette (#E8F9FC, #EBD29F, #2FAA9C, #376E67, #162427)
• Moss Harbor color palette (#E0F4EB, #E5C47E, #879000, #565A2F, #031B13)
• Antique Mustard Quarry color palette (#C9EBF9, #EDB51E, #008F9C, #005961, #00121A)
• Apricot Quarry color palette (#E1F2F5, #EF9B87, #007465, #003F37, #031A1D)
• Aged Cypress Meadow color palette (#F0F8ED, #FFBEAC, #007368, #002F2A, #010500)
• Hushed Abyss color palette (#E7EBDD, #A2A562, #12542E, #00240E, #040600)
• Weathered Marigold Delta color palette (#D6EBED, #CD9D25, #007962, #004435, #000304)
• Pale Honey color palette (#EDF7FF, #FAC64F, #0097DC, #006291, #061C2D)

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