Olive Canyon color palette — #FFF0F9 · #D1AB84 · #A47F38 · #666C14 · #2A5751

Built around Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#D1AB84): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A47F38): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#666C14): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#2A5751): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Washed Fern color palette (#E5FDE3, #BFAE7C, #7B914E, #406F32, #23575C)
• Wandering Bronze Quarry color palette (#FFECDB, #D5B37D, #A07A00, #695F1C, #3A3932)
• Ancient Olive Villa color palette (#E9FAF2, #B1B485, #779AD0, #767817, #374E6D)
• Wandering Chestnut color palette (#F9F2FF, #D89CA3, #B96F52, #895107, #32533B)
• Muted Mustard Boulevard color palette (#FFF2EB, #FFCCA0, #CAB363, #8F9362, #4B4C44)
• Hushed Chestnut Drift color palette (#ECF9F0, #9DC1B5, #698973, #77553B, #334D4B)
• Feathered Olive color palette (#F6EACF, #A29E3F, #3F7500, #005832, #00423A)
• Dusty Fern Studio color palette (#E0FDF0, #AFDCC4, #82823F, #565900, #3B3F14)

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