Emerald Coast color palette — #FBF3EF · #D2E7D0 · #3CC5DF · #24A564 · #0F3F57

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#D2E7D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#3CC5DF): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#24A564): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#0F3F57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Powder color palette (#FBF4EE, #C7E9DB, #7EB5FA, #009FA2, #303662)
• Aged Teal color palette (#ECF8F5, #B2DDE7, #00AAAE, #007E6A, #00434A)
• Azure Garden color palette (#EAE0DB, #8CCDD2, #00A1CA, #00805E, #00213A)
• Weathered Turquoise color palette (#F9F4EF, #C9DCE9, #B1C6F8, #5FB0BD, #654958)
• Weathered Cerulean color palette (#F8EEF5, #86D8D4, #008B9F, #175E37, #032337)
• Washed Petrol color palette (#E9DDD7, #6BAEAF, #00819C, #00603F, #000A15)
• Softworn Bronze Balcony color palette (#EFE7D5, #B8C99B, #A7A064, #9F6F1B, #30312A)
• Feathered Clover color palette (#FFD9E2, #CD96DE, #7EB846, #44AE65, #392040)

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