Worn Courtyard color palette — #F5F2E7 · #7BAF82 · #007569 · #48491E · #1B1F04

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Jade (#7BAF82): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007569): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#48491E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1B1F04): 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 Worn 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

• Olive Ridge color palette (#FDEFE2, #A9A26B, #497136, #5F3E1C, #251B00)
• Cypress Terrace color palette (#F8F2E1, #8AB584, #007D68, #005277, #212300)
• Worn Lagoon Loft color palette (#E2E0D1, #619D74, #00635D, #0D3B61, #101400)
• Worn Lagoon Basin color palette (#E5FBF1, #87C692, #009487, #406E5C, #153D3A)
• Misty Chapel color palette (#F8E1C5, #989C00, #006F20, #00474E, #171800)
• Timeworn Bronze color palette (#E1F8E0, #008E8D, #A05B00, #675600, #031A04)
• Wandering Pine Grove color palette (#ECEAD4, #1A8E60, #004E4E, #242F00, #000B04)
• Weathered Grove color palette (#F8F0ED, #99D3DB, #0486BA, #005F3A, #30152E)

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