Emerald Coast color palette — #E9F9F8 · #8DC89C · #CA8DC3 · #009A4D · #5B3057

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Mint Leaf (#8DC89C): A luminous, balanced teal — the color of sea glass.
• Mauve (#CA8DC3): A luminous, balanced pink — the color of neon signs at night.
• Kelly Green (#009A4D): A luminous, balanced teal — the color of shallow lagoons.
• Mulberry (#5B3057): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Emerald Coast 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

• Airy Alley color palette (#E4FBF3, #AFC17C, #AE93EA, #768C00, #483769)
• Blush Alley color palette (#E9F9FC, #7FC7BD, #E58298, #009487, #5F333D)
• Faded Workshop color palette (#F3F8E7, #87EFA6, #E89CE2, #579B6B, #502C32)
• Peony Loft color palette (#E4FBF8, #76B07B, #BE66A6, #31773A, #5A334F)
• Amber Hollow color palette (#DCFDFC, #67B98D, #8990DF, #C26B4D, #044141)
• Wandering Basin color palette (#E6FAFA, #C5E1F6, #A4CCEE, #7EA45E, #365558)
• Ancient Driftwood color palette (#EBFAED, #A6C7B2, #A88A57, #875F3B, #2A4339)
• Aged Lantern color palette (#B7F1F7, #30CBA9, #D90092, #007B65, #560038)

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