Weathered Emerald Coast color palette — #EEF8F0 · #B4BA81 · #5E8F50 · #326F68 · #1F3C31
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sage (#B4BA81): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5E8F50): A full-bodied, balanced green — the color of a quiet forest floor.
- Teal (#326F68): A full-bodied, dusty teal — the color of sea glass.
- Forest (#1F3C31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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
- Wandering Lagoon Lantern color palette (#E8FAF5, #88C49F, #009586, #596A43, #1E3B3B)
- Hushed Emerald color palette (#FBF5E6, #CAD6AA, #6C985E, #586A46, #2E2806)
- Linen Dune color palette (#EAFAEE, #B6C37F, #4E9B4D, #696094, #383F13)
- Pine Grove color palette (#DBE9E0, #95B06E, #1F874B, #5E4880, #013128)
- Faded Dune color palette (#D2F4EA, #44C684, #008A7D, #006484, #00381F)
- Ancient Pine color palette (#D7E8DD, #869D56, #007433, #005051, #002119)
- Hushed Taupe color palette (#FBF2F5, #B7DBC5, #95A275, #717E95, #405247)
- Weathered Iris color palette (#F0F7EF, #B4D9FA, #7492DF, #007A88, #3A345B)
Browse the whole catalog at Explore, or see today's palette.