Tempered Courtyard color palette — #EEF6FE · #D1DBF8 · #F5BF91 · #37A3E4 · #5B3B48

A conversation between Cornflower and Cantaloupe, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Powder Blue (#D1DBF8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cantaloupe (#F5BF91): A whisper-light, balanced gold — the color of honey in a jar.
• Cornflower (#37A3E4): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#5B3B48): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication, 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

• Timeworn Periwinkle Summit color palette (#EFF6FF, #D9D7F3, #EEC488, #6A9BE3, #344E35)
• Washed Teal Station color palette (#E8F9FD, #B2EAFF, #FFB5B6, #18B0AC, #573B57)
• Hushed Powder color palette (#EEF6FF, #DAD9E3, #88CFE7, #B5ADA4, #455367)
• Softworn Driftwood Terrace color palette (#F1F5FE, #B9E7F1, #7E80B3, #414267, #161B28)
• Softworn Petrol Archive color palette (#EFF6FF, #D8D8E3, #92B6EA, #486FA7, #0F2C4A)
• Sky Delta color palette (#E9FAF4, #6DB9EC, #BF8D5C, #497899, #524C46)
• Softworn Taupe color palette (#EEF6FF, #A1D1FE, #EFA2B0, #91AE68, #273A4D)
• Driftwood Workshop color palette (#EEF8F2, #C0E6E7, #94B8A3, #8F764B, #29463F)

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