Emerald Coast color palette — #DFF4EE · #3F985B · #00624A · #004144 · #001505
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFF4EE): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#3F985B): A luminous, balanced teal — the color of sea glass.
- Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004144): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001505): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Forest Lagoon color palette (#D7E9E0, #6A9233, #006520, #033A65, #00140F)
- Emerald Villa color palette (#DFE5C7, #45A370, #005C43, #00332E, #000201)
- Tempered Olive color palette (#D7F9E5, #3B7D26, #004234, #002637, #031400)
- Hushed Loft color palette (#E0F7E4, #908620, #4A5B00, #004421, #121000)
- Worn Coast color palette (#DAF3EE, #4FA778, #00715E, #393C7C, #002020)
- Antique Field color palette (#CEF5EF, #22C88C, #008B7A, #006775, #003823)
- Tempered Petrol color palette (#E2EEE4, #6CADBF, #006F98, #004A49, #001529)
- Lagoon Meadow color palette (#EBF9F5, #97C19A, #379371, #52628B, #1C3C39)
Browse the whole catalog at Explore, or see today's palette.