Emerald Coast color palette — #FFF2EB · #9FF7F1 · #00CCE8 · #0DAC5F · #064660

Kelly Green takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#9FF7F1): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00CCE8): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#0DAC5F): A luminous, vivid teal — the color of sea glass.
• Navy (#064660): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Sky color palette (#FDF3EE, #C7EAD2, #60BDED, #31A088, #233C5B)
• Washed Powder Coast color palette (#FBF3F0, #BFE3EB, #86D2F4, #7BAF9C, #31524A)
• Timeworn Cerulean Atelier color palette (#EAF5EC, #97DFDA, #0094A0, #006548, #002A35)
• Sunlit Cobalt Cabin color palette (#EADBD3, #59AEC5, #007CB6, #005E53, #000624)
• Weathered Moss Station color palette (#F5E4FF, #E8B9FF, #00B56D, #75A800, #3E244A)
• Azure Pier color palette (#EDE1D9, #92CADE, #0399EC, #007E75, #0D1B45)
• Antique Cabin color palette (#FBEECD, #BDD192, #B8A500, #A27635, #35362F)
• Feathered Pier color palette (#FFF1F5, #DAB0FF, #42E56A, #AE63E8, #004816)

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