Emerald Coast color palette — #FAF7D7 · #ABC890 · #61994E · #3F6C44 · #50524B
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Custard (#FAF7D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ABC890): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#61994E): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#3F6C44): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#50524B): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Sunlit Lagoon color palette (#F0FBD9, #7AC2A2, #1EA384, #0B7565, #42543E)
- Timeworn Olive color palette (#FFF1D6, #B9AE70, #8C8518, #606926, #48563E)
- Weathered Azure Pier color palette (#F4F7E7, #91BD95, #5C9FD8, #43834D, #30554C)
- Washed Lagoon Workshop color palette (#F0FADE, #A5DCBE, #469970, #195F40, #353831)
- Weathered Cerulean Boulevard color palette (#F0F9E6, #59AB88, #2F95BF, #827741, #41443D)
- Aged Clover Summit color palette (#D9F1DB, #00C06A, #00845A, #005E48, #004248)
- Worn Lantern color palette (#DEF0EC, #009086, #005C5D, #003639, #041C2C)
- Teal Atelier color palette (#C9E9C5, #38BCBF, #0092A1, #006474, #294562)
Browse the whole catalog at Explore, or see today's palette.