Tempered Courtyard color palette — #FCEDF5 · #F59663 · #77A254 · #007D94 · #341C52
Built around Apricot, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Blush (#FCEDF5): bright and airy, almost weightless.
- Apricot (#F59663): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#77A254): A luminous, balanced green — the color of fresh herbs.
- Teal (#007D94): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#341C52): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Powdered Jade Courtyard color palette (#E8F6E9, #D3AA64, #00AE79, #0075BB, #431542)
- Tempered Balcony color palette (#F8EEFC, #F18FAE, #AD9026, #008178, #232358)
- Ancient Basin color palette (#FFF2F0, #E681AB, #008C65, #483C84, #1B1040)
- Worn Cerulean color palette (#FFDBED, #AECDAF, #AFB280, #568DA6, #36445B)
- Amber Parlor color palette (#F0DAE2, #DA8221, #4A6A53, #4D343E, #130A10)
- Misty Lapis Terrace color palette (#D6F0DE, #CAA400, #009F95, #6026FF, #4A0010)
- Worn Pine Pier color palette (#FCE0EB, #D27400, #068B23, #005977, #20002B)
- Tempered Iris color palette (#EEF8F2, #CECA98, #6ABAB3, #7282C6, #5F3242)
Browse the whole catalog at Explore, or see today's palette.