Softworn Courtyard color palette — #FDF1F8 · #AAAADE · #9E9E4A · #6D6AA7 · #4F4D46

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Mauve (#AAAADE): A luminous, dusty violet — the color of a velvet chair.
• Moss (#9E9E4A): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6D6AA7): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Softworn Powder color palette (#FEECF6, #ABA9F9, #A39F66, #6D6C9A, #33312A)
• Patina Field color palette (#FFF1F2, #D19CC7, #69AA76, #98598E, #4C4E47)
• Ancient Amber color palette (#E7FAF3, #7AB8E0, #C88855, #367AA1, #524C46)
• Powder Courtyard color palette (#F2F5FF, #C1BBFF, #BDB36A, #8983C1, #375545)
• Driftwood Summit color palette (#FFF0F7, #E5D7D4, #B0B399, #A07F99, #5A474E)
• Amber Atelier color palette (#FFF0F7, #998BD4, #C17340, #3E8571, #4E3C45)
• Muted Pewter color palette (#FBF3F4, #D5BC95, #744F73, #4A3035, #2E201C)
• Washed Chestnut color palette (#FBF4EB, #C6B69A, #9C794B, #834F1C, #594500)

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