Emerald Pier color palette — #DFE1D0 · #239813 · #B64C00 · #156609 · #0F0300

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

The five colors

• Bone (#DFE1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#239813): A full-bodied, vivid green — the color of fresh herbs.
• Terracotta (#B64C00): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#156609): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0F0300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Wandering Lantern color palette (#E2EBD5, #009562, #A15E00, #006541, #0C0400)
• Scarlet Pier color palette (#EAF2DF, #678D00, #D30A10, #445F00, #140000)
• Dusty Pine Atelier color palette (#E0F7E9, #008452, #00718F, #6B5600, #000201)
• Timeworn Bronze Lantern color palette (#F4F0D5, #907E00, #008184, #615500, #000808)
• Timeworn Loft color palette (#DCEBD2, #839000, #005645, #001B13, #010200)
• Olive Drift color palette (#C9E9D2, #009FB3, #828600, #006F7D, #101100)
• Cerulean Basin color palette (#E5EBDD, #5BBDA4, #24A0C6, #387946, #091300)
• Emerald Thicket color palette (#CCEAD9, #00A570, #00784E, #004228, #000201)

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