Olive Terrace color palette — #FFF3E4 · #ABA84F · #4D772B · #4E4A78 · #3D3A34

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABA84F): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4D772B): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#4E4A78): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3D3A34): a grounded near-black with real depth.

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

• Soft Olive Dune color palette (#FDEFE1, #B0AB5D, #3E7C2D, #4B4570, #242200)
• Jade Meadow color palette (#F9F6E1, #5ABB6C, #007B65, #624467, #3A3B34)
• Muted Cabin color palette (#EFE3CF, #87934A, #1B661B, #433659, #2F290A)
• Faded Loft color palette (#FFF1F5, #C2BF75, #56994B, #66609A, #3F3D03)
• Patina Lagoon color palette (#FFF2F0, #E5DDC1, #BEBB6F, #A85578, #4C4541)
• Patina Pier color palette (#F9F4ED, #CAC297, #6A8B66, #75605F, #5A4D00)
• Tempered Olive color palette (#E5E0CE, #558948, #00523A, #411D48, #1B1C00)
• Washed Cerulean color palette (#FFF2EC, #81E0E8, #008CB1, #00694D, #194364)

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