Olive Canyon color palette — #F4F2E8 · #B4BA6C · #008493 · #666A07 · #061109

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#B4BA6C): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#666A07): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#061109): A deep, shadowed, dusty teal — the color of sea glass.

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

• Fern Boulevard color palette (#EEF8F2, #B9B264, #22789C, #6A6100, #132633)
• Muted Boulevard color palette (#F1F3EB, #A2D2A2, #4F89B5, #577D57, #091915)
• Patina Marigold color palette (#F8F0E9, #EE9F49, #1F895F, #895821, #0B1003)
• Jade Station color palette (#FFEEE3, #64B168, #007A82, #60374D, #1D2612)
• Feathered Mint color palette (#E6FCBC, #88C284, #168B75, #005860, #002939)
• Pewter Study color palette (#F2F3EA, #CEDED5, #B3C2BE, #607F5B, #2C2D22)
• Chalky Lapis color palette (#EEF5E6, #00C591, #6149E3, #006C4E, #15020F)
• Patina Moss Grove color palette (#EEF0D2, #49B000, #00667D, #225B00, #000502)

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