Olive Terrace color palette — #F7F2DE · #97A875 · #4F7035 · #2A5034 · #211D00

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

The five colors

• Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97A875): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#4F7035): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#2A5034): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#211D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Lagoon Drift color palette (#F2F3E6, #9BBE9B, #4E8261, #4D5A43, #272916)
• Washed Orchard color palette (#EEF8EF, #9E9E71, #4A6E34, #00584D, #193D2F)
• Washed Forest color palette (#F0F1E1, #689D66, #006635, #004149, #011801)
• Worn Pine Corridor color palette (#EAEED9, #27794E, #00412E, #002420, #000401)
• Linen Station color palette (#D3F1E7, #4798D5, #329245, #005A8D, #002407)
• Dusty Field color palette (#F0F3EC, #A2D4C5, #4A7EBA, #005775, #0F1F3D)
• Cobalt Alley color palette (#F4DCF3, #417AD1, #954E9A, #006967, #1F0B1F)
• Worn Lagoon color palette (#FFEAFD, #F7C9D1, #B9AFE4, #4A77A5, #351E31)

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