Emerald Ridge color palette — #ECE3B3 · #98AF68 · #58904D · #005B31 · #003329

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

The five colors

• Celadon Mist (#ECE3B3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#98AF68): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#58904D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005B31): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003329): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Timeworn Bronze color palette (#FAE6D3, #C2A556, #878020, #395515, #173312)
• Washed Parlor color palette (#E0F3D8, #6DB788, #008C68, #005B5A, #12351D)
• Gentle Thicket color palette (#EFECC4, #88AD71, #4C8C3F, #0E6C26, #1D5030)
• Lagoon Pier color palette (#E9F9CE, #89CDAF, #3E8D5E, #005133, #001C0F)
• Worn Driftwood color palette (#EFF5DB, #B0EEFA, #A0CEBA, #79814F, #2D3B22)
• Patina Garden color palette (#EFF5E1, #78B48A, #A27ABF, #207744, #321C40)
• Gentle Emerald Meadow color palette (#EAEFDD, #00AD31, #006A46, #00433B, #001B1C)
• Tempered Cocoa color palette (#FFEFDD, #B9A98A, #916D3F, #723C0C, #282309)

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