Color palette studio
Generate a full brand color scale from one HEX, copy CSS variables, build gradients, and explore curated palettes. Free online color tool by Crayon.
About the color palette studio
Crayon’s Colors tool helps you turn one brand color into a full shade scale (50–950), copy CSS custom properties, and build linear or radial gradients for backgrounds and social graphics.
Browse curated palettes for quick inspiration, click any swatch to copy HEX values, and preview how your scale looks on buttons and cards before using colors in the editor.
- 11-step palette from one HEX
- Gradient builder with presets
- 24 curated color collections
Frequently asked questions
How do I generate a color palette from one brand color?
Paste a HEX into Crayon Colors to build an 11-step shade scale, copy CSS variables, and create gradients for your designs.