Tempered Courtyard color palette — #F5F4FF · #D4CFFA · #ADD595 · #C690DA · #27574E
Mauve and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F4FF): bright and airy, almost weightless.
- Lilac Frost (#D4CFFA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Pistachio (#ADD595): A whisper-light, balanced green — the color of fresh herbs.
- Mauve (#C690DA): A luminous, balanced pink — the color of peonies in June.
- Charcoal Brown (#27574E): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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
- Blush Field color palette (#F8F3FD, #F7C4DB, #8BDABE, #E683B5, #295558)
- Washed Periwinkle Market color palette (#F0F5FF, #C4D4FF, #E1C37D, #89A4F5, #37553F)
- Muted Station color palette (#F5F4FE, #D6B8DE, #96BF80, #AF6FC0, #2A564F)
- Powder Courtyard color palette (#F5F3FF, #E4D6DF, #C1ADE2, #B7B3A9, #504959)
- Mustard Archive color palette (#F5F3FF, #E2B6E5, #DAB976, #60BFC9, #443E57)
- Quiet Magenta Balcony color palette (#F7F2FF, #FBA4E0, #27E2A1, #EC10C2, #00462F)
- Raspberry Boulevard color palette (#F8E8FE, #FC9EBA, #27D7BF, #E13E7F, #003F37)
- Ancient Terrace color palette (#EAF9F1, #C4E1D7, #9AC0AD, #A29066, #304F49)
Browse the whole catalog at Explore, or see today's palette.