Olive Terrace color palette — #EFF7F5 · #B1C9A1 · #398E7A · #4F7C28 · #1E3234

A conversation between Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Pistachio (#B1C9A1): A luminous, dusty green — the color of fresh herbs.
• Fern (#398E7A): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#4F7C28): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#1E3234): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cypress Villa color palette (#EFF7F8, #97CBD3, #3189A1, #007F70, #223037)
• Tempered Balcony color palette (#ECF4F0, #C7C889, #0092AA, #77761C, #0C181D)
• Wandering Pier color palette (#D4FFFD, #9ACBB5, #379480, #006B64, #005051)
• Washed Lagoon color palette (#D2E1E5, #00897F, #284767, #003B36, #000406)
• Hushed Quarry color palette (#F7F5EF, #D8D49D, #15ABD8, #968F43, #26312B)
• Hushed Market color palette (#EFF7F6, #D3DBDF, #ACAAB8, #5F9061, #485654)
• Gentle Market color palette (#E8F9F8, #3ABD75, #007473, #006738, #002322)
• Antique Corridor color palette (#DEEFF0, #00A075, #005A61, #004E37, #001016)

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