Tempered Courtyard color palette — #FEF2F0 · #D28FA7 · #659138 · #3B698E · #423230

Olive Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Dusty Rose (#D28FA7): A luminous, balanced rose — the color of pressed rose petals.
• Olive Leaf (#659138): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#3B698E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#423230): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Canyon color palette (#FEF2F1, #D08FB0, #A1893A, #267A79, #403033)
• Lagoon Harbor color palette (#FFF2EB, #E28E76, #009F91, #695B90, #3A3330)
• Washed Peony color palette (#FAF2FC, #CE6784, #88672C, #4F4D74, #322E3C)
• Muted Thicket color palette (#FCF4E5, #EBA9B3, #B78856, #4C7393, #703414)
• Hazy Rose Orchard color palette (#FFF2EE, #E15B72, #008478, #59448B, #2F1A14)
• Taupe Chapel color palette (#FBF3F1, #DDDAD2, #B0BAAA, #BD8F81, #59504E)
• Peony Boulevard color palette (#FFF2F0, #FC4897, #007A49, #2C4BC1, #3A1423)
• Wandering Amber Quarry color palette (#FFF2F0, #F9BCBA, #D38B68, #93682C, #534900)

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