Emerald Ridge color palette — #DFF6F1 · #439858 · #00633E · #413800 · #001504

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFF6F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#439858): A luminous, balanced green — the color of new leaves after rain.
• Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#413800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Weathered Workshop color palette (#E9F1DC, #609000, #256400, #013F0A, #001807)
• Ancient Jade color palette (#D4E9E7, #4EA67E, #00715A, #1D512D, #002113)
• Worn Bronze color palette (#E4F1E8, #91852C, #555700, #5A2800, #131000)
• Pale Emerald color palette (#D1F7E2, #00A666, #006740, #002D1B, #000201)
• Sunlit Olive Parlor color palette (#D4F5F0, #219012, #A74200, #0F5406, #200700)
• Muted Corridor color palette (#C8EAD9, #007956, #006386, #564A00, #000A05)
• Dusty Pine color palette (#C6E7DE, #00804B, #00413A, #3F0F0D, #001313)
• Hazy Pine color palette (#D4EBE4, #88B27F, #00893D, #485D2F, #06302B)

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