Tempered Courtyard color palette — #EFF6FB · #D9D8E4 · #C2BACC · #3C89B1 · #323C43
Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FB): bright and airy, almost weightless.
- Silver (#D9D8E4): a clean, paper-quiet neutral.
- Ash (#C2BACC): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#3C89B1): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#323C43): a grounded near-black with real depth.
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
- Wandering Coast color palette (#F0F7F4, #E5D6DB, #BDAEBB, #226A98, #303E39)
- Hushed Indigo color palette (#F1F5FF, #DBDBF6, #C2B8D3, #6465DC, #28324B)
- Tempered Courtyard color palette (#C9ECFC, #A2B8D6, #9880A7, #457162, #1C4E4C)
- Ancient Denim color palette (#E5EFF9, #BDC4D2, #A0A2C0, #0065A1, #11212F)
- Cornflower Market color palette (#E0E8F6, #4C79E6, #3B3D59, #192230, #050E16)
- Muted Stone color palette (#FFF1F6, #C5B37F, #7D8654, #4F6485, #1D3D29)
- Tempered Lagoon color palette (#DAF6E9, #45B0D5, #6F6DBA, #5A5900, #1A3249)
- Aged Aubergine Studio color palette (#ECEEF7, #A6A1B4, #917E9A, #522D82, #070717)
Browse the whole catalog at Explore, or see today's palette.