Olive Canyon color palette — #CFECDC · #797B20 · #4E4600 · #322700 · #141900

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

The five colors

• Honeydew (#CFECDC): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#797B20): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4E4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#322700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#141900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Olive 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

• Hushed Bronze Veranda color palette (#F7D8E3, #9E6912, #653900, #411D00, #1F1400)
• Tempered Fern Courtyard color palette (#DDF4E9, #848E54, #5A5900, #403700, #012B23)
• Chestnut Archive color palette (#D4EEDA, #6A5800, #382900, #1A0E00, #040300)
• Olive Archive color palette (#D2E4EB, #548C1C, #48433A, #002D31, #000C0E)
• Timeworn Moss color palette (#DBF7E6, #A5A140, #796900, #5B4600, #0E3F30)
• Worn Chestnut color palette (#F5E2EB, #BC8A64, #994A11, #643625, #402831)
• Antique Bronze color palette (#FFF0F9, #C299AE, #A05F44, #6F453C, #4B363F)
• Driftwood Hollow color palette (#EEF9EE, #A1C2A7, #9B7A48, #73535E, #3D4C42)

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