Muted Courtyard color palette — #FFF1F5 · #B5B282 · #5B7E53 · #39606C · #31483D
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#B5B282): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5B7E53): A full-bodied, dusty green — the color of fresh herbs.
- Peacock (#39606C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#31483D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Muted 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
- Teal Quarry color palette (#E9F9F5, #7BC0A5, #2C8187, #426159, #29484A)
- Marigold Thicket color palette (#FFF0F8, #C39E34, #5C741A, #54496F, #23432D)
- Patina Driftwood Study color palette (#E9FAF2, #A5CFC2, #809870, #537A77, #2D4941)
- Fern Grove color palette (#F6F2E1, #B9B592, #647E52, #505C13, #2B280D)
- Stone Hollow color palette (#ECF7FF, #E2DAE4, #DCADC5, #508D8F, #434C5C)
- Hushed Basalt Market color palette (#FCF4E9, #E1D5AC, #99B68B, #619D93, #504100)
- Moss Terrace color palette (#D5F5DD, #73A400, #006C48, #004B5E, #223500)
- Worn Iris Canyon color palette (#FCF2F5, #BFE1FF, #7787BF, #057071, #434560)
Browse the whole catalog at Explore, or see today's palette.