Tempered Courtyard color palette — #FFF1F6 · #A692CC · #B37A1E · #38734A · #24362F
A conversation between Mustard and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Mauve (#A692CC): A luminous, balanced violet — the color of wild irises.
- Mustard (#B37A1E): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#38734A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#24362F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Aged Periwinkle color palette (#FAF2F8, #87ABE8, #BA745B, #63743A, #2D3A2F)
- Antique Moss Balcony color palette (#FEF2F3, #C88EBF, #858A2F, #1D7973, #3D313B)
- Iris Grove color palette (#FEF1F5, #927AC0, #726E26, #53514A, #2C372B)
- Timeworn Powder Corridor color palette (#EDF7FF, #80BFEB, #8B965B, #417D5B, #172A31)
- Hazy Wisteria Grove color palette (#FFF1F3, #C468D7, #857900, #005E4E, #321B32)
- Antique Blush color palette (#FCF4E7, #D1B0DC, #C47792, #63774A, #584143)
- Hushed Ridge color palette (#F6F3FF, #D3A7D2, #CF8F6F, #709975, #2C3446)
- Ancient Alley color palette (#FBF3F5, #E3D8D4, #B8B1A4, #B68F9B, #585052)
Browse the whole catalog at Explore, or see today's palette.