Tempered Courtyard color palette — #FAF1DA · #8BB581 · #007D67 · #554D14 · #212302

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF1DA): A whisper-light, dusty gold — the color of old brass.
• Sage (#8BB581): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007D67): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#554D14): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#212302): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Atelier color palette (#F8F0E9, #BCB581, #588343, #405E42, #2F260E)
• Patina Jade Boulevard color palette (#FAF7DA, #75B66E, #187C53, #4A5724, #3A3B34)
• Teal Pier color palette (#F3F4DC, #63BBA1, #007985, #733448, #162605)
• Linen Moss color palette (#F4E2C5, #86A04C, #006D42, #004655, #111900)
• Washed Lagoon Delta color palette (#E4E0D1, #679C74, #00635B, #393D00, #101400)
• Softworn Jade color palette (#E0FDF3, #B7E8B1, #00AD71, #627336, #1B3618)
• Washed Ember color palette (#E3F9E1, #00AFAA, #E43F00, #006966, #400B00)
• Jade Atelier color palette (#DCF2DE, #00AF81, #008081, #00495B, #002A49)

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