Olive Courtyard color palette — #D3E6DF · #617100 · #00487F · #5C0010 · #271E00

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Silver (#D3E6DF): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#617100): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00487F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#5C0010): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#271E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Misty Garnet Thicket color palette (#E4F7F1, #6A822C, #00549C, #720012, #253100)
• Worn Nightshade Bloom color palette (#CFE7E4, #197D32, #3032A0, #4D1D00, #002808)
• Softworn Canyon color palette (#CDE7E9, #007B60, #004C6C, #340079, #2E1A00)
• Aubergine Hollow color palette (#F2DAE2, #965700, #00524D, #470060, #311900)
• Washed Corridor color palette (#D4F7FC, #006356, #403B43, #001D2A, #000C09)
• Wandering Coast color palette (#DEF1E9, #709A99, #2E737D, #663232, #4E2D00)
• Obsidian Navy color palette (#D8F4FB, #005555, #1B0080, #240B00, #000A09)
• Gentle Navy color palette (#D5E3F3, #2C68B5, #00438E, #590B00, #00261C)

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