Add example of colours to top of colors doc page (#163)

Author: laurakalbag

docs/colors.mdx

@@ -14,6 +14,8 @@ Colors are a Pro feature of the Stately Studio. [Check out the features on our P
 
 :::
 
+<EmbedMachine name="Video player" embedURL="https://stately.ai/registry/editor/embed/7b5d60dc-94b0-4a1e-9ade-ea644b8cc35f?machineId=3b1987cf-4346-4a10-bb03-2c9f0c363bda" />
+
 :::tip
 
 A note on accessibility: not everyone perceives color the same way, and as many as 8% of men and 0.5% of women are [color blind](https://www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color-blindness). Ensure your statecharts are inclusive by using color to emphasize or decorate your machines and [do not use color as the only way to convey information](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html).

versioned_docs/version-5/colors.mdx

@@ -14,6 +14,8 @@ Colors are a Pro feature of the Stately Studio. [Check out the features on our P
 
 :::
 
+<EmbedMachine name="Video player" embedURL="https://stately.ai/registry/editor/embed/7b5d60dc-94b0-4a1e-9ade-ea644b8cc35f?machineId=3b1987cf-4346-4a10-bb03-2c9f0c363bda" />
+
 :::tip
 
 A note on accessibility: not everyone perceives color the same way, and as many as 8% of men and 0.5% of women are [color blind](https://www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color-blindness). Ensure your statecharts are inclusive by using color to emphasize or decorate your machines and [do not use color as the only way to convey information](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html).