Tempered Courtyard color palette — #ECF7FF · #5DB0D7 · #C98750 · #957C2F · #1B3C50

Mustard takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#5DB0D7): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#C98750): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#957C2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#1B3C50): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Moss Workshop color palette (#EEF6FF, #6FA9E8, #A49C3A, #6A8D59, #29394C)
• Weathered Marigold Thicket color palette (#E4FCED, #5DCCE6, #D79E42, #B28A4D, #163222)
• Misty Coral Meadow color palette (#E2FAFF, #51B9AC, #CF7D8A, #B06A50, #0F3F47)
• Aged Atelier color palette (#EBFAED, #9FC9B6, #A28C64, #875E49, #21443F)
• Blush Boulevard color palette (#ECF7FF, #6ECAFC, #F490B8, #A3AD53, #243B4B)
• Cornflower Ridge color palette (#D9E9FE, #288AFD, #A87500, #6D6D00, #00234D)
• Ancient Lilac color palette (#EAE8FF, #AEA1FF, #5FA65A, #7F8200, #302953)
• Feathered Balcony color palette (#DFFDF1, #4192BD, #B6557F, #677000, #1F3F34)

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