Tempered Courtyard color palette — #FFF4DE · #D4CAA8 · #9D9B7F · #657C63 · #31533D
Built around Deep Olive, softened by Pewter — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#D4CAA8): A whisper-light, dusty green — the color of new leaves after rain.
- Taupe (#9D9B7F): A luminous, dusty green — the color of fresh herbs.
- Pewter (#657C63): A full-bodied, dusty green — the color of fresh herbs.
- Deep Olive (#31533D): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Bronze Alley color palette (#FBF5E5, #C4C99C, #879763, #97652F, #4F4100)
- Patina Cerulean Parlor color palette (#E0FFE6, #B4E5E2, #8DB8AB, #598992, #3E565F)
- Driftwood Quarry color palette (#E6E1C1, #89904B, #4C6835, #00494B, #00232B)
- Fern Study color palette (#FDF7CD, #C6D699, #8BA05B, #546619, #243100)
- Hushed Driftwood color palette (#FFEDE6, #BCAC9C, #8F8C67, #775A6B, #63474F)
- Softworn Mint color palette (#F0F0D5, #A3C072, #679663, #006B75, #00465C)
- Bronze Station color palette (#FBF5E5, #C2BA76, #D88B9B, #8E8222, #5F333D)
- Petrol Terrace color palette (#DFF5ED, #48A5A1, #0C7D8B, #3D4772, #281E47)
Browse the whole catalog at Explore, or see today's palette.