Dusty Courtyard color palette — #FFF4E0 · #BBB079 · #888E42 · #547125 · #4B4C45

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

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#BBB079): A luminous, dusty green — the color of new leaves after rain.
• Moss (#888E42): A luminous, balanced green — the color of fresh herbs.
• Olive (#547125): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4B4C45): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty 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

• Antique Moss color palette (#FFEFDF, #CCB274, #888718, #3B6638, #32352E)
• Olive Boulevard color palette (#F8F6E6, #AAB68A, #9D8EC9, #697D00, #50466C)
• Timeworn Moss Coast color palette (#FFF1F6, #DDC17F, #94A34A, #638957, #315859)
• Cypress Cabin color palette (#F7F8D8, #9AC29D, #4F9773, #00735E, #3B5536)
• Wandering Amber Canyon color palette (#FFE7D8, #E3B194, #B37A40, #845F10, #514D46)
• Olive Thicket color palette (#EBEBD1, #8EA729, #468000, #006320, #00482A)
• Timeworn Plum color palette (#F8F7E1, #8AA16B, #5B8EBD, #AE566A, #43433C)
• Emerald Lagoon color palette (#D7EBD5, #009451, #005D44, #00352C, #001C27)

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