Tempered Courtyard color palette — #F8DEDE · #B37363 · #8A471A · #374000 · #0D2000

Built around Burnt Sienna, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DEDE): A whisper-light, dusty red — the color of embers at dusk.
• Caramel (#B37363): A luminous, balanced orange — the color of sun-warmed clay.
• Burnt Sienna (#8A471A): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#374000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#0D2000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, 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

• Softworn Coast color palette (#F9E8DF, #A77D49, #7E6000, #1A4D2D, #00251B)
• Sunlit Coast color palette (#F2DCEB, #B57191, #9B3149, #533500, #261E00)
• Dusty Harbor color palette (#EED9F3, #B15F7A, #6D340D, #00333C, #061A2C)
• Tempered Bronze Bloom color palette (#EDDCE5, #BE878D, #AD6343, #136A44, #002324)
• Dusty Orchard color palette (#E2DCFD, #BA6F92, #8A5216, #003E4A, #00070A)
• Antique Loft color palette (#FEDFDC, #E69C7E, #AE703C, #4E680F, #164916)
• Ember Courtyard color palette (#FFE4D9, #DF5C00, #923400, #471500, #070100)
• Garnet Studio color palette (#E5F4EB, #888836, #4D5A00, #67131C, #111000)

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