Use built-in storybook color components and render as docs instead of story

web/.storybook/preview.js

@@ -13,6 +13,8 @@ export const parameters = {
   docs: {
     container: DocsContainer,
   },
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  viewMode: 'docs',
   controls: {
     matchers: {
       color: /(background|color)$/i,