Tempered Courtyard color palette — #FBF2F9 · #FFC4BC · #88D7DA · #F18578 · #225563

A conversation between Salmon and Ice Blue, giving this palette its sense of softness and clarity.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Shell Pink (#FFC4BC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ice Blue (#88D7DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Salmon (#F18578): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#225563): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Softness, Clarity. Tagged light, 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

• Worn Wisteria color palette (#F7F3FF, #F5C3E7, #95D9B2, #D88AC5, #1C5757)
• Hushed Archive color palette (#EDF9ED, #EBD1A7, #96CEF7, #D19F48, #335068)
• Washed Chartreuse Harbor color palette (#FFF0FB, #F0D8C2, #B3DB86, #CF8372, #2C4E46)
• Worn Sky color palette (#FFF0F9, #F3B7A0, #77D0C9, #58BCE5, #523A49)
• Powdered Archive color palette (#FFF0F8, #FFB082, #34D5FE, #DA6700, #004251)
• Stone Lantern color palette (#FEF1FA, #CFF5E2, #E6D7D5, #E0A3BF, #5F4B55)
• Muted Pier color palette (#EBFAEF, #C2E2D5, #C3B58A, #B08A63, #354D49)
• Muted Coral color palette (#FFF2ED, #EDB3B1, #AAA9EA, #CF6969, #624155)

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