Olive Courtyard color palette — #E5F6F2 · #A3BD94 · #AA8EC6 · #4F8227 · #39284A

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

The five colors

• Ivory (#E5F6F2): a clean, paper-quiet neutral.
• Sage (#A3BD94): A luminous, dusty green — the color of fresh herbs.
• Mauve (#AA8EC6): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#4F8227): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#39284A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Dusty Veranda color palette (#EBF5EC, #C9AF86, #8B99D1, #946800, #272E4F)
• Patina Cypress Boulevard color palette (#E3F6FA, #7DC2B9, #C785A5, #008379, #482236)
• Frosted Coral Cabin color palette (#E8FAF4, #A2B983, #D67C6E, #617E2D, #5E4358)
• Mallow Corridor color palette (#F7F6E6, #B8CE91, #D897D4, #809659, #634348)
• Muted Study color palette (#DEF8F5, #7FA982, #9681BB, #9D6093, #062E2B)
• Plum Parlor color palette (#D8FAF7, #61BF7A, #B24291, #006E32, #3E002F)
• Weathered Pewter Hollow color palette (#FEECF3, #ADC2AF, #9B7786, #6C4C64, #1A3226)
• Hushed Driftwood Quarry color palette (#E3F7F3, #C6E0EF, #B1C6E5, #998D56, #254242)

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