Tempered Courtyard color palette — #FFF2ED · #F0D5C2 · #CD8F47 · #BE7269 · #1A1005
Built around Mustard, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#F0D5C2): A whisper-light, dusty gold — the color of old brass.
- Mustard (#CD8F47): A luminous, balanced gold — the color of honey in a jar.
- Caramel (#BE7269): A luminous, balanced orange — the color of toasted spice.
- Ink (#1A1005): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Moss Alley color palette (#FBF4EB, #FFE0B3, #95A854, #AD8137, #151203)
- Muted Bloom color palette (#FFF2EE, #FFC4C6, #C3AE52, #E87D85, #2C230E)
- Softworn Terrace color palette (#FEF2F2, #FFD2D8, #E2788C, #B66DA2, #1C0E0B)
- Amber Corridor color palette (#FFF2EC, #FFD3B4, #C79357, #876221, #3C2E00)
- Powdered Blush color palette (#FFF2ED, #FF8087, #947E1E, #5E4C84, #291213)
- Brick Field color palette (#F5F0F5, #E0A0A2, #936F00, #AC3145, #011306)
- Tempered Bronze color palette (#E8DED3, #A66C00, #3A4100, #3D2500, #020100)
- Timeworn Taupe Corridor color palette (#FBF3EE, #E0DBCE, #AABCBA, #C2907E, #463D38)
Browse the whole catalog at Explore, or see today's palette.