Olive Orchard color palette — #E9F5F0 · #B0BA80 · #008688 · #626C00 · #001117

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

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#B0BA80): A luminous, dusty green — the color of new leaves after rain.
• Teal (#008688): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#626C00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001117): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Olive Orchard 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 Fern color palette (#ECF8F5, #9CB98B, #00835F, #3A7000, #0A292B)
• Worn Pine color palette (#EAF4F3, #A4D1A6, #6085B6, #46814B, #0D1622)
• Patina Pine Study color palette (#FAEEF2, #D4AA82, #008A60, #905400, #001213)
• Lagoon Garden color palette (#E5F3BF, #84BB89, #2A8B70, #005158, #002536)
• Moss Loft color palette (#F8F5EB, #C4C999, #349CC1, #828700, #0D2A1E)
• Airy Delta color palette (#DEF8F9, #00C498, #4B5ECA, #006C52, #02081B)
• Weathered Alley color palette (#FFEBF6, #7CAA79, #077A80, #6B2F49, #00292A)
• Tempered Pine Bloom color palette (#EBF4F3, #D0D9DE, #B1BECD, #598155, #212F2D)

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