urx.si/tools/color-palette-generator
Color Palette Generator with Contrast Checker
Free color palette generator: build analogous, complementary, triadic and monochrome palettes from one colour, with HEX, RGB, HSL, WCAG contrast and CSS variables.
- Free
- No sign-up
- Runs in your browser
- Brand
Result
Your result will show up here.
Questions
What do the harmonies mean?
Analogous uses neighbouring hues, complementary uses the opposite hue, split complementary uses the two hues beside the opposite, triadic and square space hues evenly around the colour wheel, and monochrome keeps one hue at different lightness.
What do AA and AAA mean?
They are WCAG contrast levels. 4.5:1 passes AA for normal text, 3:1 passes AA for large text, and 7:1 passes AAA. Each swatch shows its contrast against white and black text.
How do I use the CSS variables?
Copy the result into your stylesheet and use the colours as var(--analogous-1) and so on. Rename them to match your design system.
More Brand tools
- Open Graph Image Generator (1200×630)Make a 1200x630 social share image from your title and colors.
- Favicon GeneratorMake a favicon from your initials and colors in every common size.
- Digital Business Card GeneratorFree digital business card generator: turn your name, job title, phone, email and website into a contact file (.vcf) and a QR code people scan to save you.
- Startup Name Generator for SaaS & Indie MakersGet name ideas from a keyword, with domain ideas to check.