Weathered Emerald color palette — #F3F7EB · #489C6A · #00707C · #27477C · #373C0F

A conversation between Fern and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Fern (#489C6A): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00707C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#27477C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#373C0F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Weathered Emerald 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

• Dusty Emerald color palette (#F4F7EA, #589B5D, #00726F, #004E71, #33325C)
• Petrol Hollow color palette (#EFF8EE, #4AA9A6, #2E77A7, #534B7D, #42433C)
• Feathered Terrace color palette (#F9F5EA, #918D2A, #00764C, #00515F, #4E3109)
• Faded Nightshade Loft color palette (#DEEED6, #00816E, #00546D, #270093, #1A2A00)
• Soft Mint color palette (#BEEDD1, #58C39A, #008E72, #006A5B, #374E32)
• Dusty Moss Study color palette (#F6F2E1, #8E9526, #1D6C94, #602C4A, #340D25)
• Quiet Ultramarine Canyon color palette (#E7FBEE, #008CA5, #2E3ADC, #670073, #003931)
• Feathered Lime Pier color palette (#F5F7E7, #CDE185, #93D471, #27A675, #3A3C35)

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