Emerald Pier color palette — #E4FBF7 · #56984C · #447D3B · #08528D · #2D1520

Built around Olive Leaf, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#56984C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#447D3B): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#08528D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2D1520): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Powdered Loft color palette (#E8F9FA, #28AA85, #228C6E, #455999, #3B202A)
• Aged Moss color palette (#E4FCEF, #8A8D00, #1B6DA7, #015385, #28192D)
• Lagoon Basin color palette (#E5FAFC, #009779, #00777F, #51468A, #0D2614)
• Soft Amber Loft color palette (#FFE7F1, #D98F34, #448A42, #5D4689, #153825)
• Hushed Loft color palette (#CFE8DC, #868600, #214747, #13261E, #080F08)
• Washed Amber color palette (#ECFAEC, #B47D00, #8D6200, #005568, #2B162D)
• Tempered Grove color palette (#FFF1F7, #C27600, #007F7E, #005C5B, #17182E)
• Antique Aubergine Coast color palette (#D5EAE3, #5A7A00, #006023, #3E1276, #0B0500)

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