Pantones

Image showing a blue and pink background with two color descriptives of each shade layered on top.

Made by Beatriz Fialho using the following materials: Columns block, Group block.

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30%","right":"30%","bottom":"30%","left":"30%"}},"border":{"radius":"0px"}},"layout":{"inherit":false}} -->
<div class="wp-block-group" style="border-radius:0px;padding-top:30%;padding-right:30%;padding-bottom:30%;padding-left:30%"><!-- wp:group {"style":{"border":{"radius":"100%"},"spacing":{"padding":{"top":"41%","right":"41%","bottom":"41%","left":"41%"}}},"backgroundColor":"foreground","layout":{"inherit":true}} -->
<div class="wp-block-group has-foreground-background-color has-background" style="border-radius:100%;padding-top:41%;padding-right:41%;padding-bottom:41%;padding-left:41%"></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"46.4%","right":"46.4%","bottom":"46.4%","left":"46.4%"}},"border":{"radius":"0px"},"color":{"gradient":"linear-gradient(to bottom right,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dtertiary) 50%,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbackground) 50%)"}},"layout":{"inherit":false}} -->
<div class="wp-block-group has-background" style="background:linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);border-radius:0px;padding-top:46.4%;padding-right:46.4%;padding-bottom:46.4%;padding-left:46.4%"></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"46.4%","right":"46.4%","bottom":"46.4%","left":"46.4%"}},"border":{"radius":"0px"},"color":{"gradient":"linear-gradient(to bottom right,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dtertiary) 50%,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbackground) 50%)"}},"layout":{"inherit":false}} -->
<div class="wp-block-group has-background" style="background:linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);border-radius:0px;padding-top:46.4%;padding-right:46.4%;padding-bottom:46.4%;padding-left:46.4%"></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30%","right":"30%","bottom":"30%","left":"30%"}},"border":{"radius":"0px"}},"layout":{"inherit":false}} -->
<div class="wp-block-group" style="border-radius:0px;padding-top:30%;padding-right:30%;padding-bottom:30%;padding-left:30%"><!-- wp:group {"style":{"border":{"radius":"100%"},"spacing":{"padding":{"top":"41%","right":"41%","bottom":"41%","left":"41%"}}},"backgroundColor":"foreground","layout":{"inherit":true}} -->
<div class="wp-block-group has-foreground-background-color has-background" style="border-radius:100%;padding-top:41%;padding-right:41%;padding-bottom:41%;padding-left:41%"></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->