Tempered Courtyard color palette — #EDF2F8 · #A7C6ED · #B16A7F · #4273B0 · #1A121D

Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Sky (#A7C6ED): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#B16A7F): A luminous, balanced red — the color of a theater curtain.
• Slate (#4273B0): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1A121D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Petrol Field color palette (#F2F5FC, #B5BAF8, #9B689E, #6165A9, #2E2C38)
• Violet Summit color palette (#F1F1F8, #BDC0E6, #B37048, #8359B5, #1E1118)
• Iris Harbor color palette (#ECF3F6, #9CCCE0, #8378B7, #008090, #121522)
• Antique Cobalt color palette (#F8F3F8, #B5D3FF, #C483AD, #5F8DD1, #372A2B)
• Forest Balcony color palette (#E5F7F1, #98AAD8, #8F698F, #146138, #262B41)
• Mulberry Balcony color palette (#E9F3FF, #B6C2E8, #A079AF, #7E3363, #53031A)
• Cobalt Hollow color palette (#EFF2F8, #D9D5DA, #BFACAF, #7D7CB3, #33363F)
• Terracotta Corridor color palette (#EEF1FC, #8782B4, #944D4A, #335520, #121D2C)

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