Worn Courtyard color palette — #7FFDF8 · #E2E383 · #E5C5FF · #606077 · #30303B

A conversation between Butter and Sea Foam, giving this palette its sense of nature and growth.

The five colors

• Sea Foam (#7FFDF8): A whisper-light, balanced teal — the color of glacier melt.
• Butter (#E2E383): A whisper-light, balanced green — the color of a quiet forest floor.
• Thistle (#E5C5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Graphite (#606077): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#30303B): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant, 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

• Seafoam Corridor color palette (#96FDD0, #FFD2B1, #C8D1FF, #5A657B, #30343C)
• Aged Ash Lantern color palette (#F6F3FE, #BCE9DC, #B590B4, #6F6789, #2C2A33)
• Washed Peony color palette (#D5F7EA, #A3CAFF, #E671B9, #574669, #241E2A)
• Antique Mallow color palette (#D9E5FF, #FFCBAC, #FFACDF, #5D4242, #392B2B)
• Hushed Study color palette (#D8EFF9, #0FECF1, #FFB0A1, #72526B, #352932)
• Veil Coast color palette (#FFE5FC, #D8D6CB, #B3A8AD, #4D485A, #252329)
• Teal Ridge color palette (#F9F2FD, #E7B1C4, #B0BE84, #4BAAAE, #433849)
• Linen Chartreuse color palette (#CAF247, #61F5FE, #BD91EB, #392B30, #231A1D)

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