Tempered Courtyard color palette — #F3DCEB · #FE68A5 · #D30046 · #921700 · #6B320F

A conversation between Crimson and Bubblegum, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3DCEB): A whisper-light, dusty pink — the color of peonies in June.
• Bubblegum (#FE68A5): A luminous, vivid rose — the color of strawberry cream.
• Crimson (#D30046): A full-bodied, vivid red — the color of late-summer berries.
• Garnet (#921700): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#6B320F): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Hushed Plum Veranda color palette (#E8DDEB, #DB66C5, #C2006B, #930026, #66271F)
• Ancient Blush color palette (#FFD2EA, #FF9FBE, #FF6075, #D54B44, #6B2807)
• Weathered Rose color palette (#FDDDE5, #FF8AA5, #EF3C63, #A92B36, #6A2723)
• Timeworn Rust color palette (#FFDFEA, #DC6877, #BB4000, #723400, #3E3705)
• Tempered Brick Hollow color palette (#FFF2EF, #F47F62, #BE2D00, #710400, #430F00)
• Linen Terrace color palette (#FFF0FD, #F15857, #009190, #AF001D, #004443)
• Plum Garden color palette (#FFF0FD, #EADFC7, #CCC358, #AC518D, #5B3524)
• Timeworn Bronze Boulevard color palette (#FFE2E0, #ED9982, #B26000, #725000, #28523C)

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