Tempered Courtyard color palette — #F0F6FA · #D8DAE3 · #C0BFCE · #4E9AB9 · #40494F

Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8DAE3): bright and airy, almost weightless.
• Stone (#C0BFCE): A luminous, dusty violet — the color of wild irises.
• Cerulean (#4E9AB9): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#40494F): quiet, heavy and certain.

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

• Iris Atelier color palette (#F2F5FC, #DED6E3, #D2B8D3, #7B7BD0, #3B3F4B)
• Weathered Field color palette (#F0F7F3, #DFD4D2, #71B7D1, #A8A79C, #414A45)
• Washed Powder Dune color palette (#EDF6FF, #B8CCF1, #9798BA, #906C7A, #405448)
• Softworn Lagoon color palette (#ECF8F6, #9ECFCE, #4CA18E, #49798C, #2E4848)
• Denim Station color palette (#E0EAF2, #A7B6C9, #8B92BF, #005982, #061521)
• Weathered Basin color palette (#D8E6F8, #4B91E6, #46496E, #232F3D, #11191F)
• Powdered Iris Market color palette (#EBFAED, #62BDED, #7080CC, #8B533A, #2C3F52)
• Ancient Lilac color palette (#EEF6FF, #C6E4FF, #9CCEFF, #A299FD, #31435C)

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