Emerald Coast color palette — #EFF7F5 · #CFDCE1 · #AAC3D3 · #638F44 · #313E3B

Olive Leaf and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CFDCE1): a clean, paper-quiet neutral.
• Ash (#AAC3D3): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#638F44): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#313E3B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Atelier color palette (#EFF7F5, #CDDCE4, #98BAC5, #596C2F, #303E3A)
• Cerulean Dune color palette (#EDF7FC, #D4DAEA, #BBBDD4, #0097AB, #2C444E)
• Washed Lagoon Meadow color palette (#DBF3F3, #009867, #1A474F, #022728, #05100E)
• Worn Pine color palette (#DBE7E5, #B7C8C9, #85ADB4, #00751D, #102321)
• Tempered Pewter color palette (#CCE6E3, #92C2CA, #749BAD, #7B597A, #4D3954)
• Ancient Abyss Boulevard color palette (#E6F2F6, #9AA7AE, #73899C, #004F53, #000B10)
• Hushed Grove color palette (#E0F5E4, #7FB177, #008B7B, #6B3E86, #0E3A22)
• Dusty Balcony color palette (#DFF8F5, #63A86E, #0978B6, #831C6F, #3E2500)

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