Tempered Courtyard color palette — #FFF2EA · #CEA97D · #998231 · #577029 · #4E4F48
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Camel (#CEA97D): A luminous, dusty gold — the color of old brass.
- Moss (#998231): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#577029): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#4E4F48): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Mustard Thicket color palette (#FFEEDA, #E7C685, #B5A547, #7A7B3A, #515049)
- Timeworn Bronze color palette (#FFE8EF, #D6BA79, #968000, #5C5F1F, #1B3C34)
- Worn Olive Meadow color palette (#F9F5E7, #B5B37E, #9191CF, #7B7612, #624155)
- Chestnut Alley color palette (#FFE7E4, #DAA19C, #B6774F, #895800, #504D46)
- Dusty Cypress color palette (#FFF4D9, #A9B381, #63975F, #007655, #3A5637)
- Linen Basin color palette (#FFEBDA, #C09900, #6D7800, #00651B, #00523F)
- Soft Alley color palette (#E3DECE, #8E9E4F, #348114, #00543E, #003A47)
- Worn Fern color palette (#FAF5EA, #D3E5D3, #CAC6E1, #A47961, #554E00)
Browse the whole catalog at Explore, or see today's palette.