Tempered Courtyard color palette — #EFF6FF · #719BF4 · #9F5500 · #006C73 · #1E2A3C

Built around Cornflower, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#719BF4): A luminous, balanced violet — the color of wild irises.
• Ochre (#9F5500): A full-bodied, balanced gold — the color of honey in a jar.
• Teal (#006C73): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1E2A3C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, 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

• Hazy Olive color palette (#F1F5FF, #9B9CE4, #88851F, #006C66, #00423D)
• Wisteria Loft color palette (#F6F3FF, #CC7DC4, #A47100, #006D7E, #2A2438)
• Patina Raspberry Boulevard color palette (#F2F5FF, #968FDA, #B45585, #4A6B12, #252A3E)
• Frosted Chapel color palette (#DFFCFD, #A2A8FB, #C65E89, #1E7361, #3B3A52)
• Violet Terrace color palette (#FFF1F6, #8965C5, #7B5300, #0C4E22, #162F26)
• Misty Blush color palette (#FFF1F2, #DD89BD, #C56A67, #42601F, #261426)
• Timeworn Moss color palette (#EBF7FF, #5EC2E6, #A29A36, #5A955B, #133139)
• Washed Peony color palette (#F7F3FF, #DD48BD, #807700, #005987, #251934)

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