Olive Courtyard color palette — #E4F7F2 · #8DB170 · #9F7DB8 · #4D712A · #311D3F

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

The five colors

• Ivory (#E4F7F2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8DB170): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#9F7DB8): A luminous, balanced violet — the color of wild irises.
• Olive (#4D712A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#311D3F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Soft Olive color palette (#F8F6E6, #96A86A, #AA71B1, #597000, #543558)
• Softworn Pine Studio color palette (#E7F5F6, #7DC5A6, #BE89AD, #268463, #362A47)
• Frosted Summit color palette (#E6F7E9, #C29E52, #758BC6, #805E00, #1A2546)
• Aged Moss Courtyard color palette (#F7F7E4, #A6C290, #BE8FD6, #589300, #51355F)
• Soft Raspberry color palette (#D9F8FF, #00AFA5, #CC5376, #006A63, #42001A)
• Weathered Moss color palette (#D3FCF5, #659F55, #547FC2, #975557, #002420)
• Misty Emerald Studio color palette (#E1FCF7, #B1E5A4, #C7ACEC, #5F9C50, #3F3052)
• Ancient Cocoa Quarry color palette (#FFECF3, #94B694, #916C4E, #6C3E2C, #0F2919)

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