Olive Courtyard color palette — #F5F6EF · #D3DCD5 · #ACB8A6 · #3C7420 · #3D3E00

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D3DCD5): bright and airy, almost weightless.
• Ash (#ACB8A6): A luminous, dusty green — the color of new leaves after rain.
• Olive (#3C7420): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3D3E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Patina Cypress color palette (#F2F7F1, #CEDDDA, #A1BAAD, #00746A, #333E30)
• Timeworn Chestnut color palette (#F8F5EF, #D7DBD0, #B6B59F, #7B6000, #3E3A34)
• Washed Veranda color palette (#EFF7F5, #D0DBE1, #AFC1D7, #738954, #323D3A)
• Forest Hollow color palette (#EBEDE2, #B4BCAD, #7E967A, #00541D, #1E2209)
• Mulberry Thicket color palette (#DDE6C5, #94A78D, #608470, #77476C, #633C35)
• Spruce Drift color palette (#E4EEE5, #8F9E96, #57796E, #003236, #000D02)
• Ancient Jade color palette (#F2F9E2, #B9DC88, #2EC17D, #009094, #00402E)
• Linen Aubergine color palette (#FDECD1, #5A975A, #006960, #58246F, #0C3A25)

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