How to use HueHub

HueHub helps you build a color palette for your game. Choose a style, adjust the colors, preview them together, and export the result for your project.

Create a palette, step by step

1 Choose a style

Pick a style that feels right for your game. Each one starts from a different set of hues and color relationships. Neutral gives you a quieter, less saturated starting point.

2 Set the number of colors

Use the slider to choose between 2 and 12 colors. Add colors to extend the palette, or remove some to keep it compact. Locked colors stay in place when you make changes.

3 Lock or shuffle colors

Select Generate or press Space to replace unlocked colors. Lock a color to keep it, or use the dice button to shuffle just one swatch.

4 Adjust colors by hand

Use the pencil button to open your color picker and fine-tune a swatch. Select its hex code to copy it.

5 Try higher contrast

Turn on High contrast to create a wider spread between light and dark colors. This can make it easier to assign clear roles to text, backgrounds, and interface elements.

6 Check color-vision accessibility

Turn on Colorblind safe to check color differences in common color-vision simulations. HueHub also spreads colors across lightness to help them remain distinct.

7 Preview the palette

Select Preview palette to apply your colors to the sample interface. Check how they work together on text, buttons, and panels.

8 Export for your project

Select Export to copy colors as CSS variables, JSON, Godot (GDScript), Unity (C#), Defold (Lua), or LÖVE (Lua). You can also download a PNG of the palette.

9 Share your palette

Select Copy palette link to share your colors. The link opens with the same palette, ready to view or adjust.