Tempered Courtyard color palette — #F4D4F5 · #E69A77 · #B06E00 · #614C00 · #08372A

A conversation between Ochre and Camel, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F4D4F5): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#E69A77): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#B06E00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#614C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#08372A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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 Field color palette (#FBEBE1, #D5A35E, #8C7E00, #3B5800, #003733)
• Airy Rust color palette (#FFE8F2, #E38A9B, #C95030, #723B00, #183720)
• Tempered Balcony color palette (#FFE2D6, #EC9043, #AC6A00, #735308, #4F4219)
• Dusty Basin color palette (#E9F6E7, #B5AC7F, #946C3A, #6B3F32, #0E2822)
• Misty Corridor color palette (#FFE5DA, #C27B00, #735D00, #353900, #091E00)
• Iris Ridge color palette (#FFECF3, #D89250, #6A86E6, #925200, #1B2546)
• Aged Veranda color palette (#E9DEC8, #858700, #306000, #004326, #001813)
• Weathered Seafoam color palette (#FFECF2, #C7F2F3, #88D2BB, #A66D69, #24352A)

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