Timeworn Courtyard color palette — #E8FAF1 · #A8DDD0 · #B2B165 · #9B855C · #254342

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

The five colors

• Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
• Mint (#A8DDD0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B2B165): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#9B855C): A luminous, dusty gold — the color of honey in a jar.
• Forest (#254342): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Timeworn 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

• Stone Balcony color palette (#EDF9EC, #C5E2CE, #D6AE7E, #A9869A, #384D45)
• Hushed Balcony color palette (#E7FBF2, #D6E5A6, #9FA271, #4B7560, #1D3831)
• Mustard Cabin color palette (#DCF6E4, #C5D07E, #C3A000, #B26D04, #083E37)
• Hushed Alley color palette (#E9F8FF, #00CFEE, #D9A249, #A78C50, #22363F)
• Bronze Alley color palette (#FBF5E0, #C7BF93, #919459, #7F651B, #443F00)
• Wandering Moss Workshop color palette (#D5F1E2, #A4BB81, #9C9118, #8A631C, #002B28)
• Ancient Cocoa Cabin color palette (#F6F2E3, #A3B288, #787847, #634700, #23240C)
• Worn Amber color palette (#F7E1ED, #DFBA94, #DB845B, #AB6163, #203627)

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