Tempered Courtyard color palette — #FFF0F9 · #F7AFA2 · #A59A50 · #4F5591 · #272861
Navy and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Rose Quartz (#F7AFA2): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#A59A50): A luminous, balanced green — the color of fresh herbs.
- Peacock (#4F5591): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#272861): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, 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
- Amber Ridge color palette (#F5F3FF, #F5B7D0, #B87C35, #285F90, #00335B)
- Tempered Pewter Ridge color palette (#FFF1F2, #E1BA86, #719E65, #765693, #3C2153)
- Dusty Boulevard color palette (#FBDCD6, #E0B087, #AD9F5E, #008FA2, #003E6F)
- Bronze Orchard color palette (#E9DAE2, #C5847B, #796A00, #424782, #303468)
- Basalt Canyon color palette (#FFF2EF, #BEE3CE, #7EAAA9, #70688B, #40385A)
- Onyx Terrace color palette (#F7E8DC, #9AA76B, #267B71, #55365B, #310638)
- Tempered Amber Bloom color palette (#F6DDD5, #CE9059, #7C6F1C, #004955, #021F3C)
- Onyx Pier color palette (#FFE8CC, #88995D, #1B736D, #4B142A, #1D000A)
Browse the whole catalog at Explore, or see today's palette.