Olive Canyon color palette — #F1F8E8 · #BBE8E1 · #B3C6F0 · #76883C · #3F5137

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

The five colors

• Ivory (#F1F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#BBE8E1): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#B3C6F0): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#76883C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3F5137): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Lagoon Market color palette (#EBFAEB, #FBD2E3, #C9E3E4, #669873, #3C5245)
• Powder Chapel color palette (#E1F7F9, #BCDAFF, #B2B3EC, #5C865E, #1C373C)
• Tempered Taupe color palette (#D8FEFC, #D8E2EE, #CEC6EA, #B2AD7C, #3C575C)
• Antique Wisteria color palette (#D8F5E8, #B1C5F0, #C67FB5, #006E5D, #0C4135)
• Quiet Pier color palette (#E3FCDC, #72D7FF, #988DF2, #396F00, #003F48)
• Faded Mallow Coast color palette (#DCFFEA, #DAEBFF, #E29DEC, #008364, #10486B)
• Tempered Station color palette (#FEF4E2, #ADA88A, #83703F, #76431B, #3C4200)
• Timeworn Lagoon color palette (#F0F9E6, #289671, #A55463, #4B5B00, #31342E)

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