Emerald Coast color palette — #ECF3E1 · #009861 · #2F4635 · #1F2414 · #0F0D05

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009861): A full-bodied, balanced teal — the color of sea glass.
• Forest (#2F4635): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1F2414): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0F0D05): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Lagoon Villa color palette (#DFE8DB, #0EA692, #365547, #293125, #181910)
• Emerald Field color palette (#E4FAFA, #00A465, #003D43, #001313, #000201)
• Aged Olive Harbor color palette (#E4E0D1, #858600, #374700, #26210F, #120C05)
• Timeworn Cerulean color palette (#DFF4E3, #00919F, #4E364F, #122718, #0B0F07)
• Ancient Corridor color palette (#DEE3D5, #00B77B, #206F68, #324400, #0D0E05)
• Midnight Pine Quarry color palette (#D1E3E3, #00764D, #042B32, #001818, #000507)
• Ember Studio color palette (#D3EECE, #00ACA3, #D2643E, #9D6407, #1D311A)
• Lagoon Quarry color palette (#FDF4E1, #B6B88C, #499079, #6D6437, #36362F)

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