Olive Terrace color palette — #FFF3E6 · #AAA760 · #227E0E · #6C3D68 · #3E3C12

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#AAA760): A luminous, balanced green — the color of fresh herbs.
• Olive (#227E0E): A full-bodied, vivid green — the color of new leaves after rain.
• Mulberry (#6C3D68): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#3E3C12): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, 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

• Tempered Olive Dune color palette (#FCF3ED, #C0AD87, #617E3C, #724C61, #553E00)
• Tempered Basin color palette (#FBF5E5, #85B273, #007C62, #7A384B, #3B3B34)
• Forest Boulevard color palette (#FEE7CD, #97982E, #076E17, #493473, #303000)
• Quiet Pine color palette (#DAFBEB, #93B560, #2F7E36, #2A4F70, #002720)
• Sunlit Peony color palette (#FFF1F1, #F369BB, #648E00, #8C0062, #2D4300)
• Worn Lime color palette (#FCF5DE, #A4CA6A, #58985A, #496D8D, #3B3B34)
• Dusty Pine color palette (#E6E2D4, #4E8B4B, #005144, #4C1B2D, #1B1D00)
• Worn Jade color palette (#E9FAED, #CBD693, #7FB579, #887FBD, #393E13)

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