Tempered Courtyard color palette — #FFF0F9 · #FFB6B7 · #FF8A69 · #B56900 · #58270C

Built around Salmon, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rose Quartz (#FFB6B7): A whisper-light, balanced red — the color of late-summer berries.
• Salmon (#FF8A69): A luminous, balanced orange — the color of toasted spice.
• Ochre (#B56900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#58270C): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Quiet Workshop color palette (#FFF1F6, #FFA87F, #F08C00, #9B7500, #462B05)
• Coral Meadow color palette (#FFEBF7, #FFC1D9, #FF7F5C, #968500, #361300)
• Scarlet Boulevard color palette (#FDF0FF, #FFBADB, #FF849E, #D64734, #4E2128)
• Hushed Amber color palette (#EFE1D8, #E68700, #9B6000, #6E4900, #3B4003)
• Feathered Marigold Loft color palette (#ECF9ED, #FFC896, #E2A628, #988B00, #264230)
• Airy Coast color palette (#D4EAD2, #E37500, #AE7300, #635100, #201400)
• Patina Alley color palette (#FFEAD7, #C7AA7A, #8E7A1B, #256E4F, #18535B)
• Frosted Boulevard color palette (#FFF0FB, #FFCFF9, #FFC1AE, #C2BD00, #4F2600)

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