Olive Courtyard color palette — #F5F3E1 · #ABBB87 · #53AAC0 · #697A37 · #113A25

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

The five colors

• Cream (#F5F3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#ABBB87): A luminous, dusty green — the color of fresh herbs.
• Cyan (#53AAC0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#697A37): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#113A25): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Bronze Archive color palette (#FEEFE1, #D2AB86, #6EAC8E, #946639, #273800)
• Patina Workshop color palette (#EEF5E5, #8EC1A5, #809DCB, #39825F, #3E283E)
• Dusty Archive color palette (#F4F3E4, #A7BD81, #CE877D, #657B34, #362F2C)
• Wandering Basalt color palette (#F5F3DD, #CCDFC9, #97C6BF, #908867, #403D00)
• Antique Garden color palette (#ECF9F2, #8DBCA6, #A48BC5, #7B7600, #544469)
• Washed Driftwood Lagoon color palette (#F7F4D2, #C2D4A4, #7A915C, #425524, #201D00)
• Timeworn Bronze color palette (#D4EAD4, #00999A, #827200, #005858, #1B1600)
• Softworn Cobalt Villa color palette (#E5EDD8, #4DA57B, #427BCC, #006542, #021B3F)

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