Tempered Courtyard color palette — #EFF6FD · #CAD3E2 · #A2A2CD · #005F97 · #1E354A

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#CAD3E2): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A2A2CD): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#005F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#1E354A): 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

• Denim Quarry color palette (#E8F4FD, #C7D4ED, #BA9FCE, #00638A, #0C1C26)
• Hushed Nightshade Balcony color palette (#ECEEF4, #CBCBD6, #A29DB2, #55429C, #282D3F)
• Ancient Balcony color palette (#EFF6FF, #CDD2E0, #AE9DC8, #0042DD, #253349)
• Muted Workshop color palette (#EBF9F3, #ECD7E5, #DEAFBC, #0080B8, #1E3930)
• Antique Cobalt Loft color palette (#F1F6FB, #DAD9DF, #B7A7A9, #5F84B5, #4C535D)
• Pewter Corridor color palette (#F5F4FB, #DED8DC, #CBB9C1, #935C9B, #484653)
• Navy Market color palette (#E1E7F1, #9599A6, #6C6D8E, #0B1877, #020819)
• Linen Atelier color palette (#E6EFFF, #A096E0, #894F91, #604500, #363D00)

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