Emerald Coast color palette — #E5FBF0 · #AEB970 · #679558 · #266E7A · #22453C

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FBF0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#AEB970): A luminous, balanced green — the color of new leaves after rain.
• Fern (#679558): A luminous, balanced green — the color of new leaves after rain.
• Teal (#266E7A): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#22453C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Teal Basin color palette (#E7FAF3, #A1CAA7, #61A18C, #4F7390, #324E4D)
• Moss Coast color palette (#FBF5E4, #C5D48F, #5FA651, #1B6F7D, #32322B)
• Hushed Marigold Garden color palette (#E7FBEB, #DCA563, #998542, #2D7257, #2C442E)
• Taupe Courtyard color palette (#E8FAF2, #A6AB5A, #4A9073, #88484A, #4E3102)
• Aubergine Market color palette (#FFF1F6, #AA965C, #3C7948, #643A72, #1C4637)
• Timeworn Orchard color palette (#D2EBE4, #7B9C47, #35544F, #21322D, #101B17)
• Ancient Ultramarine color palette (#D8FFF5, #00C49B, #00908D, #2B53B2, #003F36)
• Washed Turquoise color palette (#ECF8F6, #CDDDF9, #6EAFC9, #3B878F, #2B4B62)

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