couleur.io
Build harmonized color palettes for web projects by choosing a starting hue and adjusting saturation.
About couleur.io
couleur.io is a web-based color tool for building harmonized color palettes for web projects. Users select a starter hue (value between 0 and 360) and saturation level (0% to 100%) to generate a 10-color palette, where all swatches share the same hue and saturation for consistency. The tool also generates accent colors by rotating the base hue in 45-degree increments, and supports previewing the palette in both light and dark web page contexts. Palettes can be exported as editable CSS variables, which users can adjust by modifying base hue, saturation, lightness, or accent hue and lightness values to tweak the entire palette at once. The tool outputs modern CSS that can be used directly in web projects.
Key features
- Generate 10-color harmonized palettes from a selected hue and saturation level.
- Create accent colors by rotating the base hue in 45-degree increments.
- Preview color palettes in light and dark web page sample contexts.
- Export full palettes as editable CSS variables for web projects.
- Adjust base hue, saturation, or lightness to modify the entire palette at once.
Best for: Web developers and designers seeking harmonized, ready-to-use color palettes for web projects.
Good for
- Generates harmonized palettes with consistent hue and saturation across all swatches.
- Outputs modern, ready-to-use CSS variables for direct integration into web projects.
- Includes light and dark theme context previews to test palette usability in real web layouts.
Watch out for
- Accent colors with 45 or 315 degree hue difference may not contrast enough with the base hue.
couleur.io at a glance
- Website
- couleur.io
- Category
- Design & Creative › Color Tools
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Color Tools
couleur.io alternatives
Tools and sites you could use instead, ranked by how closely they match.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Find color palettes with Palitra, a free online palette finder for choosing colors for design projects.
ColorBox generates color palettes with customizable hue, saturation, and brightness curves, and exports values for tools including Tailwind CSS.
Super Color Palette generates, saves, and exports palettes using hue, saturation, and lightness controls, with sharing options on its page.
Free
24 alternativesGenerate color palettes with Color Palette Pro and adjust the colors using the available palette settings.
Generate color palettes with Pigment's color tool and adjust color combinations.
Popular in Color Tools
Well-known listings from the same topic.
accessiblepaletteaccessiblepalette.comhue.toolshue.toolsAdobe Colorcolor.adobe.comCoolorscoolors.coColor Pickerimagecolorpicker.comSchemeColorschemecolor.com
couleur.io FAQ
How are the color palettes generated?
Palettes use HSL values, with 10 swatches created by varying lightness on the selected starter hue and saturation.
How are accent colors produced?
Accent colors are generated by rotating the selected base hue in 45-degree increments.
Can I customize the exported CSS variables?
Yes, you can adjust --base-hue, --base-sat, --primary-lightness, --accent-hue, and --accent-lightness to tweak the palette.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.