Softworn Courtyard color palette — #F5F2E6 · #B5B883 · #B28BC3 · #767700 · #48242F
Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Sage (#B5B883): A luminous, dusty green — the color of fresh herbs.
- Mauve (#B28BC3): A luminous, balanced pink — the color of peonies in June.
- Olive Leaf (#767700): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#48242F): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Balance. 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
- Lilac Ridge color palette (#F7F6E8, #A7B97D, #A987CC, #697B39, #63424E)
- Pine Ridge color palette (#EFF4E9, #89C2A4, #B58CB6, #0D865B, #48252C)
- Bronze Archive color palette (#F7F1E5, #BEB57E, #7A9DD5, #827200, #1D3150)
- Wisteria Loft color palette (#EDF8F3, #C4CA90, #CA9BE7, #8C933D, #4B4A64)
- Washed Indigo Delta color palette (#F2F4E0, #80AA74, #9382BB, #7F6BAB, #282913)
- Tempered Bronze color palette (#FBEFE8, #CCB89D, #AE7347, #78494D, #322C19)
- Hushed Orchard color palette (#EBF6E6, #5BB7A2, #CC6D6E, #007663, #481115)
- Tempered Spruce Orchard color palette (#EFF3ED, #E0BAA8, #536949, #003A32, #0F160C)
Browse the whole catalog at Explore, or see today's palette.