Olive Garden color palette — #FFF3E8 · #DFC695 · #ABA55B · #71863A · #4B4D45
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#DFC695): A whisper-light, dusty gold — the color of old brass.
- Sage (#ABA55B): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#71863A): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#4B4D45): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Olive Garden 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 Terrace color palette (#FFF3E3, #F2D17B, #BFBA6B, #8B9667, #4D4D45)
- Linen Moss color palette (#E2FEE5, #C5B175, #928607, #5F6A30, #2F544C)
- Moss Garden color palette (#F8F5E9, #C3C99C, #B0A6EB, #8C9420, #644053)
- Muted Olive color palette (#F9F7D9, #E0DBB1, #93AD70, #5C712C, #373730)
- Bronze Parlor color palette (#FFF2EF, #F1B4A8, #C58A5F, #916D1F, #535049)
- Ancient Veranda color palette (#FFF5DA, #B6CB9E, #6FB286, #259073, #32533A)
- Ancient Loft color palette (#F0E6DB, #C8B735, #7A9700, #007D31, #004C3D)
- Washed Cocoa color palette (#FEF2EC, #DCC6B1, #BF8E7F, #966470, #5C4300)
Browse the whole catalog at Explore, or see today's palette.