Tempered Courtyard color palette — #FFEEE4 · #BC6F55 · #6F7C3B · #654370 · #2A1306
Built around Caramel, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
- Caramel (#BC6F55): A luminous, balanced orange — the color of autumn markets.
- Walnut (#6F7C3B): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#654370): A full-bodied, balanced pink — the color of peonies in June.
- Ink (#2A1306): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Creativity, 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
- Hushed Driftwood Courtyard color palette (#FFEDEE, #AE6D9E, #A06535, #2D5285, #2B1014)
- Linen Mulberry color palette (#FFEFD9, #9F7300, #007F59, #870049, #1E1100)
- Dusty Driftwood Chapel color palette (#FFEDE8, #BB6C73, #5775A8, #514786, #29130D)
- Taupe Chapel color palette (#F8F1E6, #AE8F5D, #5C9072, #2D6969, #2C2010)
- Tempered Market color palette (#EAFAED, #9C7C33, #587D41, #005A7E, #213927)
- Taupe Coast color palette (#FFF0D6, #BC9554, #746C33, #005342, #2E2006)
- Softworn Chestnut color palette (#F9F0EA, #E8A076, #8B721A, #945023, #150D00)
- Softworn Courtyard color palette (#F7F1EB, #D9D8CD, #BDBDB1, #976A41, #322B24)
Browse the whole catalog at Explore, or see today's palette.