Skip to content

Theme builder

Tools for tailoring your custom Joy UI theme.

Colors

Use the visual color palette builder below to output a code snippet that you can quickly copy and poste onto your codebase. For more details about how colors are strucured and work in Joy UI, read the Colors page.

    Palette
  • primary
  • neutral
  • danger
  • info
  • success
  • warning
  • text, background, etc.


Customize primitive colors
Add your custom-tailored palette here, inserting each HEX value to the scale, or choose from an available set of popular color palettes.