Olive Canyon color palette — #F5F0E2 · #697F3D · #4E4600 · #382300 · #001D04

Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F0E2): a clean, paper-quiet neutral.
• Olive Leaf (#697F3D): 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 (#382300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001D04): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aged Bronze color palette (#F4E7DA, #937000, #653900, #4A1200, #181700)
• Antique Moss Workshop color palette (#F7EBC9, #8B9500, #696300, #493C00, #1A1600)
• Hazy Amber Courtyard color palette (#F6D8BA, #AF8700, #824D00, #6A1F00, #2B2B00)
• Tempered Field color palette (#E4F4E5, #005E60, #800027, #322700, #001202)
• Worn Bronze color palette (#FFF2EA, #BDA185, #9A624B, #6D463A, #403D36)
• Rust Chapel color palette (#D9EEE4, #BF563B, #4B434C, #002B3B, #000B12)
• Worn Aubergine color palette (#E0F0E6, #00849D, #6A0069, #003844, #0C0002)
• Feathered Peony color palette (#F7E7E0, #FA1CB0, #00929C, #081720, #010703)

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