Tempered Courtyard color palette — #FFF0F9 · #DA7B4E · #5A91B3 · #666F94 · #4F3B47

A conversation between Coral Clay and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#DA7B4E): A luminous, balanced orange — the color of sun-warmed clay.
• Slate Blue (#5A91B3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#666F94): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4F3B47): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Ancient Coast color palette (#FDF0FF, #D97488, #3399AA, #41818D, #4B3D4D)
• Hushed Amber Atelier color palette (#E6FCE8, #C28D23, #7388BC, #766796, #364738)
• Aged Oat color palette (#FEF0FB, #CFE3D1, #9FD3BF, #907E9C, #5A4850)
• Weathered Drift color palette (#FFEEE2, #CD8A62, #89945B, #9A6583, #332418)
• Softworn Delta color palette (#FFF0FA, #D4ABB9, #96748B, #67576B, #3E4C43)
• Taupe Lagoon color palette (#FFF1F6, #D7A57F, #98AE70, #B48196, #503C44)
• Aged Bronze Balcony color palette (#FFF0F7, #F1B690, #A8724D, #684623, #4C2E3D)
• Misty Villa color palette (#FFE6D0, #CB7D26, #2555C9, #5F449A, #492700)

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