Tempered Courtyard color palette — #FFF0F9 · #FEB5C0 · #C08267 · #00724C · #003D3E

Pine and Ballet Pink set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ballet Pink (#FEB5C0): A whisper-light, balanced red — the color of embers at dusk.
• Caramel (#C08267): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#00724C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003D3E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Gentle Fern Hollow color palette (#FAF2FF, #F1B4E0, #CD6D78, #466700, #004230)
• Patina Driftwood color palette (#FFF2EC, #D0B39C, #A18744, #006973, #002944)
• Tempered Lagoon Station color palette (#FFF1F2, #FFD4C4, #C3A06C, #008986, #004963)
• Coral Atelier color palette (#F0D6E5, #E66F7E, #9F613D, #1E573E, #033E50)
• Olive Thicket color palette (#F1DAC4, #A29A6C, #4C7334, #003A60, #070023)
• Hazy Amber Villa color palette (#E9E9FF, #F399D5, #E67529, #007FA8, #00455D)
• Driftwood Harbor color palette (#FFF1F0, #E1D9D0, #C6C0A9, #819374, #3F5143)
• Cocoa Balcony color palette (#F1D8DD, #A27063, #6A4621, #002E2A, #000406)

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