Skip to content
+

Theme builder

Tools for tailoring your custom Joy UI theme.

Colors

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.

    Palette
  • 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.
Edit this page

Was this page helpful?


Default theme viewerNext.js App Router

Blog

Store