Emerald Coast color palette — #FFF3E7 · #C6BE69 · #5F974B · #2B7678 · #3D3A34

Built around Olive Leaf, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Gold (#C6BE69): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#5F974B): A luminous, balanced green — the color of new leaves after rain.
• Teal (#2B7678): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3D3A34): a grounded near-black with real depth.

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

• Worn Lagoon Alley color palette (#FFF4DC, #9FC989, #009D79, #30718E, #2A421B)
• Ancient Moss color palette (#FFF1F6, #E5DB99, #67A53C, #0C7A7B, #143626)
• Patina Pine Atelier color palette (#F1E2CF, #A4AB68, #398449, #1B5F69, #312904)
• Worn Drift color palette (#FBF6DD, #83CF9A, #009B91, #676E36, #3A3B35)
• Weathered Olive Basin color palette (#FFE6D1, #C5AA28, #578800, #694B83, #372D00)
• Cocoa Alley color palette (#FCF4EB, #DDD0AF, #9C9E7D, #91747A, #5F4A00)
• Muted Iris color palette (#FFF3E7, #B8E1FF, #7F98E1, #008281, #463467)
• Worn Coast color palette (#F0E0CD, #757B28, #00551B, #47123E, #060600)

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