Emerald Pier color palette — #CFF2FF · #00B0BC · #6585F8 · #3F9400 · #00383C

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

The five colors

• Frost (#CFF2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00B0BC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#6585F8): A luminous, vivid violet — the color of twilight just after sunset.
• Kelly Green (#3F9400): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Teal (#00383C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

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

• Pale Emerald Field color palette (#E3FAFF, #00C3E0, #8A90FF, #299F44, #00272E)
• Antique Meadow color palette (#BEFAED, #00B49F, #0095F0, #7C8600, #003932)
• Worn Station color palette (#D8EFFF, #00A9E3, #9E73E9, #00946D, #00354B)
• Indigo Corridor color palette (#CEEDFD, #0096B1, #6F68D8, #007E3A, #00242C)
• Patina Quarry color palette (#CCF3FF, #009295, #D30050, #8A5000, #00383A)
• Patina Cerulean Courtyard color palette (#EAF8FF, #CDDCF3, #94CAFF, #00A2B0, #004C62)
• Powdered Study color palette (#E7F9FF, #42D2F7, #0095B4, #006076, #002933)
• Peony Garden color palette (#DCE3FA, #687DFF, #D326AE, #007D8A, #15185A)

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