Emerald Coast color palette — #DDEFF0 · #00A172 · #005676 · #004E35 · #000F1B

Built around Fern, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#DDEFF0): bright and airy, almost weightless.
• Fern (#00A172): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005676): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000F1B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.

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 Nightshade color palette (#E0EEF2, #009C9D, #1A41B0, #004B4C, #010C25)
• Muted Bloom color palette (#E0EFE9, #85912F, #005D4A, #3F4600, #001112)
• Sunlit Ultramarine Studio color palette (#DAE8E6, #659F53, #004FB1, #1B5500, #000209)
• Airy Grape Grove color palette (#E3F5FF, #009EBE, #6A00C5, #004F60, #17052F)
• Lagoon Veranda color palette (#D7F1EA, #00A5A9, #006175, #003B55, #00244D)
• Worn Garnet color palette (#CDE6D1, #008986, #005473, #62002E, #002A2F)
• Cobalt Thicket color palette (#D7F5FF, #34D4AA, #009EAE, #006BB8, #002632)
• Aubergine Villa color palette (#D7EEF0, #006D51, #5A0088, #550104, #141500)

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