Weathered Courtyard color palette — #F1EDCD · #00AE55 · #006A59 · #663031 · #0A371A

A conversation between Kelly Green and Pine, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1EDCD): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#00AE55): A luminous, vivid teal — the color of shallow lagoons.
• Pine (#006A59): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#663031): A deep, shadowed, dusty orange — the color of autumn markets.
• Deep Forest (#0A371A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Patina Thicket color palette (#F8EACA, #76A31B, #006D38, #4E4300, #243404)
• Feathered Garnet color palette (#EBE6C3, #53A880, #006969, #6A1947, #001C0F)
• Wandering Parlor color palette (#FDF5DF, #86A673, #2A7251, #4D4B44, #36362F)
• Muted Moss Boulevard color palette (#F9E8D4, #A09500, #416700, #5F2E57, #332F00)
• Wandering Delta color palette (#EEE9D2, #32903B, #00513F, #2D3200, #1A1D00)
• Pale Clover Meadow color palette (#BBFFC6, #00B756, #006937, #003921, #002310)
• Mint Bloom color palette (#D1F5E7, #71BF8F, #008984, #7D4566, #00381D)
• Hushed Byzantium color palette (#E3E9C3, #27B03E, #9D08E6, #005012, #3E1659)

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