Tempered Courtyard color palette — #FDF4E5 · #B7DDAF · #80BCAF · #9980AD · #404F02

Deep Olive and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B7DDAF): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#80BCAF): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#9980AD): A luminous, dusty violet — the color of twilight just after sunset.
• Deep Olive (#404F02): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Patina Seafoam Meadow color palette (#F4F7E9, #9FD8A4, #7DB0D6, #A57597, #563D1A)
• Hushed Fern color palette (#F7F5EC, #E0E1BD, #B1BB96, #A19B7E, #515000)
• Aged Fern color palette (#FFF2EE, #B7C68D, #649E9E, #8A5F7A, #444E00)
• Washed Pewter color palette (#FDF0FF, #DEE2A9, #69B1AA, #9E5979, #224742)
• Patina Mint Courtyard color palette (#EFF4E7, #78CBA1, #72806E, #52564C, #22221C)
• Timeworn Workshop color palette (#FFF4E2, #6ADBE8, #71AADD, #B36A6E, #254535)
• Pale Boulevard color palette (#FFF4E2, #22E29E, #00B2BD, #A35D9A, #003F35)
• Soft Mint Hollow color palette (#F2DBB6, #00C7A2, #0099AF, #944678, #002B28)

Browse the whole catalog at Explore, or see today's palette.