Emerald Coast color palette — #D1EBE5 · #569E6C · #00644D · #553618 · #00302F
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D1EBE5): A whisper-light, dusty teal — the color of sea glass.
- Fern (#569E6C): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#553618): A deep, shadowed, dusty gold — the color of old brass.
- Deep Forest (#00302F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Fern Corridor color palette (#D4ECDC, #8B9340, #396200, #493D0C, #033124)
- Lagoon Courtyard color palette (#D6EDE6, #5D9E78, #006359, #5C2521, #001616)
- Patina Teal Basin color palette (#E8FAF7, #5FAD8A, #007366, #395338, #103D3E)
- Misty Orchard color palette (#B4F1CA, #00B568, #006741, #00361A, #001F0E)
- Weathered Dune color palette (#E7E6CE, #71B78B, #0E8376, #744743, #04321B)
- Softworn Olive color palette (#EAFAEF, #ADB67D, #617D4C, #4A6052, #334840)
- Seafoam Harbor color palette (#D6FEDD, #6BE3BE, #40AAB7, #50612B, #063C3D)
- Hushed Ultramarine Grove color palette (#DBE7DD, #008139, #3B51BC, #901409, #03270E)
Browse the whole catalog at Explore, or see today's palette.