:root {

–global–color-beige: #e6d7c1;

body {

background-color: var(–global–color-beige);

CSS custom properties are safe to use as they are supported by all major browsers, as shown in the image below from Can I Use:

If you want to dive deeper into CSS custom properties, check out the MDN documentation.

Twenty Twenty-One provides several patterns for the Block Editor. In a previous blog post, we defined block patterns as predefined block layouts allowing users to quickly add complex structures of nested blocks to their pages.

WordPress 5.5 introduced a handful of block patterns and more should come with WordPress 5.6. Moreover, Twenty Twenty-One comes with its own set of block patterns.