Worn Courtyard color palette — #F1F3E8 · #8AC1A8 · #00887A · #664C5B · #232A1A

Built around Fern, softened by Mint Leaf — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Mint Leaf (#8AC1A8): A luminous, dusty teal — the color of sea glass.
• Fern (#00887A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#664C5B): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#232A1A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Weathered Pine color palette (#F6F3DF, #82B877, #00804E, #6A385B, #212301)
• Cypress Courtyard color palette (#EBF9F3, #93BB9A, #328278, #625368, #2F4846)
• Ancient Driftwood color palette (#F6F1E7, #CAC4A6, #6D8E5E, #76575F, #32312A)
• Wandering Lagoon color palette (#E9F9F7, #99D3B9, #49A094, #6A7187, #2C4849)
• Frosted Field color palette (#FFEDEA, #DE8599, #00A397, #9F3E59, #192D13)
• Softworn Lagoon color palette (#F0F0DC, #629D71, #00654C, #53283D, #001806)
• Wandering Azure color palette (#F6F1E9, #BEE7D9, #608FD0, #006A7E, #3B2335)
• Tempered Teal Thicket color palette (#F8F5EC, #C9E8CA, #3BB49F, #916C64, #383C00)

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