Emerald Coast color palette — #FCF4EA · #D1D598 · #4E9F54 · #785674 · #2F270C

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

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Pistachio (#D1D598): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#4E9F54): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#785674): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#2F270C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Lagoon Field color palette (#FBF5E6, #B7DDAA, #2E9F83, #3A6A83, #282914)
• Soft Grove color palette (#FFF3E8, #D7C45E, #529200, #574D8E, #241E00)
• Pale Lagoon color palette (#FAF5E8, #9DCA84, #008B6B, #673F6F, #1A1A00)
• Patina Summit color palette (#FAF5EA, #D4F0C0, #55B28F, #956A66, #393932)
• Worn Jade color palette (#E6FBF1, #B6D697, #71B27B, #70869D, #1B3C35)
• Forest Harbor color palette (#E9FAEE, #93A36C, #3E7045, #43486B, #193D33)
• Emerald Archive color palette (#EAE1C5, #56A25C, #005B4F, #4F0C27, #000200)
• Patina Cocoa color palette (#F9F4EF, #C7DFCC, #99B98B, #977D8B, #584300)

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