Worn Moss Courtyard color palette — #F7F6EA · #6D8F3A · #685C8E · #664153 · #572500

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

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Olive Leaf (#6D8F3A): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#685C8E): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#664153): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#572500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Worn Moss 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

• Jade Parlor color palette (#F6F6E9, #7CA667, #5C6F9F, #744251, #5A3831)
• Moss Parlor color palette (#FBF5E5, #9E8F02, #606299, #484A71, #3B3431)
• Terracotta Market color palette (#EEF9EC, #008E87, #853A43, #632F14, #2F2718)
• Timeworn Market color palette (#FFF2E9, #8BB676, #3B8583, #714B65, #3F4F04)
• Driftwood Summit color palette (#F6F6ED, #D4DDD7, #A0AEB7, #88863D, #53534D)
• Dusty Lagoon Grove color palette (#E8F9F8, #75B08B, #2F9195, #86597C, #1A3633)
• Tempered Aubergine color palette (#F4F8E1, #168E41, #6C0687, #600040, #351F05)
• Worn Cocoa Hollow color palette (#DFFCE5, #006872, #6A2300, #392700, #171900)

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