Olive Courtyard color palette — #F8DCE6 · #B0A66D · #587E40 · #146161 · #302900

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

The five colors

• Shell Pink (#F8DCE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#B0A66D): A luminous, dusty green — the color of new leaves after rain.
• Olive (#587E40): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#146161): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Coast color palette (#D4ECDC, #8FB173, #2D8365, #1A5D76, #003129)
• Airy Workshop color palette (#FFF3E8, #CABC73, #53871B, #005D5C, #211700)
• Aged Cypress color palette (#D9E9DF, #91B07F, #168566, #62551C, #00312A)
• Fern Station color palette (#EBE4D7, #8C905E, #425F1D, #004A30, #2A2C00)
• Frosted Mustard color palette (#E8FCE7, #BDC16E, #5A975F, #865681, #3C3E10)
• Timeworn Emerald Workshop color palette (#E4F3EB, #4E974F, #006153, #003C5B, #001501)
• Wandering Lagoon Parlor color palette (#EAFAEF, #9CD1C6, #629E87, #5A7688, #274A43)
• Wandering Sky color palette (#C9E2F6, #2DB5FB, #A46600, #006B9A, #3C2200)

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