Emerald Canyon color palette — #FFF4E0 · #B6B97C · #61984E · #2D7253 · #3F513A

A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#B6B97C): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#61984E): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#2D7253): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#3F513A): A full-bodied, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Ancient Cabin color palette (#EFFAE2, #9ED8BB, #469A6D, #1D603E, #383A33)
• Hushed Harbor color palette (#FFF2EB, #DFB383, #A28723, #636A31, #4A4B43)
• Washed Celadon Delta color palette (#FCF3CE, #BADB8A, #82AF73, #598461, #4E514A)
• Dusty Pine Corridor color palette (#F3F7EC, #8BBE9C, #AE86C3, #3B8358, #65414C)
• Jade Boulevard color palette (#D8E5D1, #3BAD79, #00786E, #00535C, #223456)
• Chestnut Coast color palette (#FCF4EA, #C4B798, #9E784A, #874C27, #4F4A00)
• Peony Pier color palette (#F8F6E3, #89A357, #C16890, #9E6272, #43433B)
• Patina Fern color palette (#F6F7E5, #C8E8DD, #B1D9FE, #9C8E61, #435308)

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