Olive Grove color palette — #F7F5ED · #DAE1CE · #8FCACB · #6C8300 · #34332C

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

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Bone (#DAE1CE): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#8FCACB): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#6C8300): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Olive Grove 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

• Timeworn Pine color palette (#EDF0E9, #D0DBD1, #9CC1B4, #008660, #2A3023)
• Patina Bronze color palette (#FCF4E9, #E1DED0, #BAC2A4, #9F6C00, #37322C)
• Moss Coast color palette (#F7F6E4, #CCDFCE, #A2CFB6, #7AAA33, #34332C)
• Pine Orchard color palette (#E1E9CE, #008F4F, #004145, #00220E, #0A0700)
• Lagoon Study color palette (#F7EAD0, #90BA6A, #008D66, #6D5900, #1E3600)
• Wandering Field color palette (#F5F6EF, #D5DCD8, #A7B8BD, #87A772, #53534A)
• Worn Mulberry Lagoon color palette (#EEE8D1, #919300, #007A6F, #850046, #262600)
• Cypress Studio color palette (#DEE3DD, #B6C9C0, #B19DAE, #00706A, #162314)

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