Tempered Courtyard color palette — #F5DBF4 · #FF616C · #0095DB · #C40034 · #00314C

Ruby takes the lead with Watermelon close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#F5DBF4): A whisper-light, dusty pink — the color of peonies in June.
• Watermelon (#FF616C): A luminous, vivid red — the color of a theater curtain.
• Cerulean (#0095DB): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#C40034): A full-bodied, vivid red — the color of a theater curtain.
• Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Energy. Tagged vibrant.

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

• Chalky Plum Lantern color palette (#FFDADE, #FF5D83, #009FAA, #C2004E, #003539)
• Antique Brick color palette (#FFF2EC, #FF8D7C, #00ABCB, #C80D04, #00232B)
• Sunlit Lantern color palette (#FFDDC9, #F27700, #009AC4, #A34E00, #003343)
• Frosted Ember Station color palette (#F0DCD7, #F73C0B, #0091A0, #0079A2, #470B01)
• Airy Thicket color palette (#FFF1F5, #FFAA42, #0094D8, #A76600, #003F5F)
• Linen Plum color palette (#EBDDFF, #F05DC5, #00A482, #B5008E, #00372A)
• Ancient Cobalt color palette (#CEE5D1, #D2A036, #007DBD, #805C00, #002C47)
• Dusty Iris color palette (#E3F4E4, #CAA056, #898AE2, #946900, #2F2E5F)

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