Emerald Coast color palette — #F3F8E7 · #8FC7A0 · #CE88CB · #009954 · #563455

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

The five colors

• Ivory (#F3F8E7): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8FC7A0): A luminous, balanced teal — the color of sea glass.
• Mauve (#CE88CB): A luminous, balanced pink — the color of peonies in June.
• Kelly Green (#009954): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#563455): A deep, shadowed, dusty 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

• Tempered Coast color palette (#F8F6E6, #ADC27B, #AB95E7, #728D00, #453A63)
• Hazy Drift color palette (#EEF9EB, #6BCBC0, #DE869C, #00948A, #5F333E)
• Mallow Parlor color palette (#E0FCFA, #94EBB1, #EE9BD7, #499E69, #3E3150)
• Frosted Study color palette (#F4F7E8, #79AF7A, #CC69A6, #167224, #5A344A)
• Frosted Amber color palette (#F0F9E2, #60BA8E, #8B8EE2, #C66845, #363932)
• Dusty Driftwood Pier color palette (#FCF4E8, #CABCA0, #A78B57, #86603A, #3F3D36)
• Gentle Coral Market color palette (#E5FCEB, #00C4DA, #F5685D, #008796, #730208)
• Wandering Cypress color palette (#F0F8F0, #D8C193, #357F7F, #004D4E, #1B251B)

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