Taupe Courtyard color palette — #F5F2E6 · #A3A04E · #5E5B09 · #3A3831 · #24211C

Built around Moss, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Moss (#A3A04E): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5E5B09): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3A3831): quiet, heavy and certain.
• Onyx (#24211C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Taupe 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 Amber Thicket color palette (#FEEFE1, #C88C5C, #745002, #532D00, #26201D)
• Antique Teal Ridge color palette (#F0F4E7, #6DAC83, #505C4B, #323E00, #22221C)
• Mustard Studio color palette (#EAF9F2, #B6B357, #3F5B55, #222E28, #0C110D)
• Washed Mustard Chapel color palette (#E6F7ED, #C4BA5A, #5B8582, #4B5851, #261F22)
• Weathered Villa color palette (#F6F2E4, #867F37, #384200, #2E2817, #171610)
• Worn Mint Corridor color palette (#F3F9E0, #88C291, #91A3D6, #BC8178, #3F4800)
• Ancient Taupe color palette (#FFF5D2, #C1D79B, #8EAE75, #557F5A, #4E5049)
• Ancient Bronze color palette (#F6F6EC, #CED5B6, #92A183, #A4713C, #485406)

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