Olive Courtyard color palette — #CCE6CE · #F48A59 · #BF7400 · #2E7900 · #3C1900

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

The five colors

• Celadon Mist (#CCE6CE): A whisper-light, dusty green — the color of fresh herbs.
• Apricot (#F48A59): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BF7400): A luminous, balanced gold — the color of honey in a jar.
• Olive (#2E7900): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3C1900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Pale Marigold Summit color palette (#CDE5D3, #E19A2D, #A18600, #007958, #312100)
• Pine Veranda color palette (#DCF7E0, #F2A671, #C18C2D, #278A43, #452532)
• Patina Ember color palette (#F9D2DF, #F28591, #D75D3C, #6D6900, #450C10)
• Worn Moss Hollow color palette (#D5E7D6, #D39500, #639600, #007264, #002332)
• Patina Amber color palette (#D2E4D9, #A98300, #6D6D00, #00544A, #0F0B00)
• Faded Blush color palette (#CDE5D5, #CF7089, #985700, #004B7D, #440E0D)
• Ember Orchard color palette (#F6E1EC, #DF5F00, #6E4B2D, #442337, #0A0207)
• Lagoon Canyon color palette (#E5FCEC, #E5C189, #B3A658, #009878, #2B4431)

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