Emerald Coast color palette — #FFF2EE · #96EBEC · #00BCED · #009F44 · #003264
A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#96EBEC): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00BCED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#009F44): A luminous, vivid green — the color of fresh herbs.
- Navy (#003264): A deep, shadowed, balanced 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
- Aged Emerald color palette (#FFF2EF, #CBEAC9, #60C0DE, #599E5C, #203D59)
- Periwinkle Meadow color palette (#FFF2EA, #A2E5FF, #67AEFF, #009A82, #2C2965)
- Pine Veranda color palette (#EADEDA, #82CFD4, #009FD2, #008246, #011D47)
- Muted Turquoise Lantern color palette (#FDF4E5, #B2FEFE, #00ADC3, #00755C, #002937)
- Washed Cobalt Loft color palette (#FDEBDF, #6CBCDA, #3785D7, #006F5D, #10053E)
- Teal Pier color palette (#FBF3F0, #C4DFE6, #A1D4C0, #79B092, #614A5E)
- Linen Market color palette (#FBEDFB, #4FD1D2, #007E9E, #00561F, #001A38)
- Faded Marigold color palette (#F7F9CF, #74FFE5, #ACD8FF, #C59F00, #00422A)
Browse the whole catalog at Explore, or see today's palette.