Skip to content

Theme builder

Tools for tailoring your custom Joy UI theme.


Use the visual color palette builder below to construct a custom theme. Click the < > icon in the top right corner when you're ready to copy and paste the code into your app. Read the Theme colors page for details on working with colors in Joy UI.

  • primary
  • neutral
  • danger
  • 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.