Tempered Courtyard color palette — #E4EFFA · #BDBED8 · #A7A3C4 · #4A86B4 · #12212E

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E4EFFA): bright and airy, almost weightless.
• Ash (#BDBED8): A luminous, dusty violet — the color of twilight just after sunset.
• Mauve (#A7A3C4): A luminous, dusty violet — the color of wild irises.
• Cerulean (#4A86B4): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12212E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Market color palette (#E8F1F9, #B5C5DE, #9DA3BD, #006991, #10212D)
• Abyss Delta color palette (#E9F1F7, #ACB3C0, #8B8BA0, #004A66, #000C17)
• Antique Basin color palette (#F1F5FF, #DFD6EF, #C9BAD6, #7E8EF4, #293347)
• Dusty Driftwood color palette (#DEE4FF, #A39CDA, #9572AC, #8A4E55, #3C1E36)
• Worn Parlor color palette (#EDEEF7, #A89CAD, #948196, #6C4FA6, #070716)
• Dusty Corridor color palette (#DAE8F9, #77CBFF, #7BAFFF, #847EFF, #081639)
• Sunlit Periwinkle color palette (#E7DEE9, #5296FF, #6967CC, #8F245D, #091333)
• Timeworn Byzantium color palette (#E2E9F5, #5B86FF, #9E42BB, #8F1D42, #00151C)

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