Emerald Coast color palette — #F9F3F9 · #C2E7F4 · #72BDE0 · #4CA06B · #263B5B

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Frost (#C2E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#72BDE0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4CA06B): A luminous, balanced teal — the color of glacier melt.
• Navy (#263B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Studio color palette (#EFF8EE, #C8E4FF, #9FACF1, #2F9DA2, #363659)
• Turquoise Corridor color palette (#F0F7F1, #D5D6E6, #2EB8D5, #00816C, #003347)
• Dusty Teal Coast color palette (#E6F9FF, #D4D9F3, #E3BADE, #6DB58F, #234055)
• Timeworn Mint color palette (#DEF8DE, #35D3BA, #00B0B6, #00809B, #164161)
• Linen Azure Bloom color palette (#E8DCE4, #84CDDC, #009CE4, #00815A, #0F1A47)
• Wandering Drift color palette (#C1EDFF, #00C4DA, #F18063, #C2770A, #003140)
• Linen Bloom color palette (#E0F6FF, #72E1FB, #00B4D1, #007E99, #002530)
• Feathered Coral color palette (#DAF3FF, #67E7FF, #E7747C, #00A3BA, #5A1F25)

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