Muted Courtyard color palette — #F0F4E6 · #ACB99A · #478271 · #445D41 · #232B15

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Sage (#ACB99A): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#478271): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#445D41): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#232B15): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Driftwood Canyon color palette (#F4F2E7, #C7C5A4, #858840, #526853, #32312B)
• Tempered Pine Delta color palette (#F2F4DE, #7BB988, #217D55, #005666, #00290E)
• Softworn Basin color palette (#F8F6E6, #C5E8C9, #8FA681, #5B806D, #353D00)
• Antique Lagoon color palette (#EDF8F7, #A4CDCE, #5C9E8B, #4C7A85, #28494A)
• Washed Lagoon Villa color palette (#DFE3D2, #589E7A, #00644D, #003F53, #00170B)
• Petrol Drift color palette (#F1F3E9, #C1E7D3, #5996B5, #0F6A77, #072F47)
• Hushed Terrace color palette (#EEE4CA, #909F25, #4A6600, #004941, #151800)
• Twilit Quarry color palette (#F3F2D5, #336626, #003412, #00181B, #000200)

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