Softworn Courtyard color palette — #FAF5E4 · #75AA7B · #007366 · #4D4B44 · #35362F

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#75AA7B): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007366): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4D4B44): a grounded near-black with real depth.
• Espresso (#35362F): quiet, heavy and certain.

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

Use it as a design system

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

• Antique Fern color palette (#FFF3E8, #A89C5D, #4C6E31, #3B523B, #38352E)
• Washed Cypress color palette (#E4F6F3, #83AC88, #3A7253, #1C5049, #002220)
• Dusty Emerald color palette (#EBE5C9, #4BA06D, #00625E, #1B4063, #252D0A)
• Patina Lagoon color palette (#F6F7E3, #9BBF9E, #528F6C, #526C46, #333A00)
• Weathered Station color palette (#D3F0DE, #00B99F, #00808E, #005370, #1C3C5D)
• Soft Chapel color palette (#DAF7E1, #00A0AF, #BE5240, #00626C, #54261E)
• Washed Driftwood color palette (#E9FAF4, #9ED6D2, #63B19D, #7C8C4B, #153D3A)
• Washed Cerulean color palette (#FFF2ED, #93D1D9, #3A81A5, #216141, #493147)

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