Color Picker / Palette
Choose a base color and generate tints, shades and companion palettes for web design.
FreeBrowserAbout Color Picker / Palette
Build a color palette around a chosen base color. Preview related colors and copy the values when planning interface backgrounds, emphasis colors or a small visual theme.
When to use this tool
- Explore a theme around a brand color.
- Prepare color values for CSS design tokens.
Limits to know before using it
A harmonious palette does not establish accessible text contrast. Check each foreground and background pair with Color Contrast Checker.
Data handling and cost
The main operation runs in your browser; tool input is not uploaded for processing. The site can still use session cookies and collect operational or usage data as described in the privacy policy.
Free to use in your browser, with no sign-in needed.
Frequently Asked Questions
No. Palette generation runs entirely in your browser and does not send color values to a server.
The tool converts the base color to HSL, then derives tints, shades, complementary, and analogous swatches by adjusting lightness and hue.
Yes. Each swatch exposes a copy-ready HEX value that can be used in CSS variables, design tokens, or component styles.