Tempered Courtyard color palette — #FFF2EC · #DE9685 · #67AA9B · #587FA1 · #632A03

Rust takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#DE9685): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#67AA9B): A luminous, dusty teal — the color of sea glass.
• Slate (#587FA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#632A03): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Lagoon Meadow color palette (#FFF2EA, #CD9677, #39988E, #566D93, #423130)
• Hushed Taupe color palette (#FCF4E9, #C6A66A, #76A2BB, #7D71A5, #533700)
• Antique Station color palette (#FFF1F1, #D494B7, #88A57E, #368989, #4D3636)
• Washed Cocoa Market color palette (#FFF4E2, #DDB68A, #95966A, #4D748E, #604100)
• Muted Stone color palette (#FFF0FB, #FDAC98, #60C1BA, #5488AF, #3A2D36)
• Faded Ultramarine color palette (#FFF3E8, #E07704, #0098A2, #3E5AC2, #432104)
• Timeworn Taupe Grove color palette (#FAF4EE, #DADAD3, #AAB4AC, #B1967C, #58514B)
• Ancient Pier color palette (#FBF3EF, #F7C4B1, #9DA064, #BE775D, #302E27)

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