Olive Canyon color palette — #ECF4F1 · #AABD78 · #008A67 · #5A6E00 · #001213

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Sage (#AABD78): A luminous, balanced green — the color of fresh herbs.
• Fern (#008A67): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#5A6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001213): A deep, shadowed, dusty teal — the color of sea glass.

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

• Lagoon Pier color palette (#EBF4F3, #A3D0AD, #06968F, #428155, #08191C)
• Dusty Olive color palette (#ECF4EE, #D0AF5F, #5A840A, #7D6000, #00120E)
• Mustard Parlor color palette (#FBF4E8, #C6AD5E, #007E87, #745D00, #1A281D)
• Muted Cypress Atelier color palette (#DDF9EF, #6FAE75, #007E60, #004B72, #082827)
• Antique Emerald Lagoon color palette (#F7F5ED, #BFCE78, #4BA46B, #7C8928, #222617)
• Softworn Bloom color palette (#E0F7F9, #00C3A1, #007791, #006B57, #000B13)
• Tempered Olive Bloom color palette (#ECF4F2, #CDDBDF, #ACC2CA, #657E4F, #232F2C)
• Weathered Moss color palette (#D8F5EF, #40B100, #006B58, #1D5C00, #000503)

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