Olive Canyon color palette — #ECF4F1 · #BACB9E · #5D84BA · #617D1F · #0D1622

A conversation between Olive Leaf and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Pistachio (#BACB9E): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#5D84BA): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#617D1F): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0D1622): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Bronze Workshop color palette (#EDF4EE, #DBBF90, #3F909A, #946802, #06191F)
• Muted Cerulean color palette (#EFF7F6, #A4CCA8, #008CA4, #3F7D4A, #213038)
• Worn Cypress Ridge color palette (#EAF4F5, #9BD1BE, #9D719A, #008569, #171322)
• Worn Dune color palette (#F6F5EF, #C8D9A9, #6B9FDA, #7F9749, #342A35)
• Powdered Sapphire Workshop color palette (#E2F7F5, #61BF7E, #1864D5, #006E36, #00081C)
• Weathered Meadow color palette (#FDECF9, #80B8B2, #3D829A, #774039, #133135)
• Weathered Lagoon Summit color palette (#ECF4F4, #D2D8DE, #B1ADB8, #539275, #2F3838)
• Patina Navy color palette (#D1FDEF, #93CDCD, #3A9693, #00607A, #102966)

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