Tempered Courtyard color palette — #F9DFD3 · #C08700 · #586700 · #00471C · #001E1C
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F9DFD3): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#C08700): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#586700): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00471C): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001E1C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Softworn Amber color palette (#FBDBDE, #DA6A00, #805F00, #3B4400, #001B0E)
- Patina Marigold color palette (#FFEADB, #CA9C00, #586F00, #00340E, #000603)
- Powdered Moss color palette (#EEDCC6, #8E9900, #007C30, #00433D, #001C26)
- Muted Bronze Thicket color palette (#F3EBDC, #907F00, #485100, #073001, #001E0E)
- Timeworn Aubergine color palette (#F1DBE7, #B26F00, #137320, #470070, #1B1600)
- Feathered Lime Balcony color palette (#F5E4C6, #AFB500, #008E3A, #005F58, #002B38)
- Patina Moss color palette (#FFECE0, #D2BB6A, #80A234, #007A5C, #00484A)
- Mulberry Lagoon color palette (#EFE0D9, #99965A, #2D8367, #773357, #2F1F3A)
Browse the whole catalog at Explore, or see today's palette.