Olive Canyon color palette — #EFF8F0 · #8FBBA8 · #5A7F4B · #6C562C · #294A3D

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sage (#8FBBA8): A luminous, dusty teal — the color of sea glass.
• Fern (#5A7F4B): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#6C562C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#294A3D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cypress Alley color palette (#E9F9F6, #85BBBE, #288281, #6F4D64, #24494C)
• Worn Fern color palette (#EEF8EF, #9D9F71, #4D6D3E, #00584E, #1A3D30)
• Tempered Moss color palette (#ECF9F1, #A2D0BD, #859953, #5B7A69, #30483F)
• Muted Olive color palette (#F6F1E7, #BDB38F, #6C7E36, #6A5100, #2D2712)
• Sunlit Lagoon color palette (#BFF0E1, #84BA8C, #009464, #00685E, #124A62)
• Sand Alley color palette (#FEF3E4, #D7DB97, #93B983, #9D8E78, #44423B)
• Moss Archive color palette (#D4F4E3, #75A057, #006C44, #4A4500, #1B3600)
• Pale Coral color palette (#E1FBFC, #65B193, #C16B80, #007857, #662D3C)

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