Tempered Courtyard color palette — #E9F8FF · #008EA7 · #C20045 · #005127 · #000507

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cerulean (#008EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C20045): A full-bodied, vivid red — the color of embers at dusk.
• Deep Olive (#005127): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Energy, 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

• Brick Cabin color palette (#EAF8FF, #00ABCB, #C70037, #004D1C, #001805)
• Washed Ridge color palette (#F0F5FF, #577CFF, #B00039, #004B39, #01001A)
• Wandering Byzantium color palette (#E7F9FF, #009199, #AE00AA, #4A4000, #000506)
• Dusty Iris color palette (#F2F5FF, #8E7EF2, #AE3F00, #005053, #070B20)
• Soft Crimson color palette (#F2F5FF, #A18AFF, #D80053, #005F2A, #100727)
• Cocoa Studio color palette (#D1F8FB, #00745C, #753300, #3D2D00, #020900)
• Washed Amethyst Coast color palette (#E3FAFF, #00A39A, #8013F3, #563C00, #000807)
• Washed Crimson color palette (#CDFFEF, #11A4F8, #F10F3F, #856D00, #001D19)

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