#000000
Palette
Click a color to inspect it. Lock the ones you want to keep.
Color values
Contrast check
Tints & shades
Saved palettes
Saved on this device, in this browser — no account needed.
Account
Sign in with Google to connect your account. Palettes you save are stored on this device.
Gradient
Built from the first two palette colors.
Session history
Colors you've rolled this visit. Click one to bring it back.
Nothing yet — hit New color.
About ColorRandom
ColorRandom is a free random color generator and palette maker that lives entirely in your browser. Press one button and you get a fresh color plus a coordinated five-color palette — no sign-up required, no design software to install, and nothing to download.
It was built for the moment every project starts with: a blank page and no idea what colors to use. Instead of staring at a color wheel, you roll, lock the colors you like, fine-tune them with sliders, check that text will actually be readable on them, and copy the values straight into your work.
Who it's for:
- Designers who need a fast starting palette for a brand, poster, or UI and want HEX, RGB, HSL and HSV values with tints, shades, and contrast ratios in one place.
- Creators and sellers — streamers, print-on-demand sellers, social media managers — picking colors for thumbnails, merch, and posts that need to pop on a phone screen.
- Developers who want copy-ready CSS: single values, CSS variables for a whole palette, and gradient code generated from two palette colors.
- Anyone decorating, crafting, or presenting who just wants colors that go together without learning color theory first.
How to use the color generator
Tap New color (or press Space on a keyboard) to roll a new color and a fresh five-color palette. The large stage at the top always shows the color you're currently inspecting.
Use the harmony buttons — Random, Analogous, Complementary, Triadic, or Monochrome — to control how the palette is built around your main color. See the guide below for when to use each one.
Hover or tap a palette color to reveal its lock button. Locked colors survive the next roll, so you can keep the two you love and re-roll the rest until the palette clicks.
Click any palette color to inspect it, then drag the Hue, Saturation, and Lightness sliders. Try the tints & shades strip to find a lighter or darker version of the same color.
The contrast panel shows WCAG ratios for white and black text on your color, with AA and AAA pass badges — essential before using a color behind body text on a website or in an app.
Copy HEX, RGB, HSL, HSV, a whole palette, CSS variables, or gradient CSS with one click. Save named palettes on this device, or share a link — the palette is encoded in the URL, so anyone who opens it sees your exact colors.
Example uses
- Starting a brand: Roll in Monochrome to get a safe, tonal set, lock your favorite, then switch to Complementary to find an accent color for buttons and calls to action.
- Building a website theme: Copy the palette as CSS variables and paste them into your stylesheet as --color-1 through --color-5.
- Making a gradient: The gradient builder uses the first two palette colors. Swap them, change the angle, or switch to radial, then copy the CSS.
- Sharing with a client or friend: Send the palette link instead of a screenshot — they open your exact colors and can keep rolling from there.
A short guide to color harmony
A palette works when its colors have a clear relationship. The five modes in this generator are the classic relationships designers reach for — here's what each one does and when to choose it.
Random
Fully independent colors with no forced relationship. Best for discovery: roll a few times, then lock anything that catches your eye and build around it. Surprising combinations often show up here first.
Analogous
Colors that sit next to each other on the color wheel (for example, teal, blue, and blue-violet). Calm, cohesive, and hard to get wrong — a strong default for backgrounds, illustrations, and brands that should feel relaxed or natural. Add contrast through lightness rather than hue.
Complementary
Colors opposite each other on the wheel (blue with orange, purple with yellow). Maximum contrast and energy — ideal when one color is the star and the other is the accent for buttons, highlights, and headlines. Use roughly a 70/30 split so the palette doesn't vibrate.
Triadic
Three colors spaced evenly around the wheel, 120° apart (like red, blue, and yellow). Bold and balanced at the same time, and a favorite for playful brands, games, and posters. Pick one dominant color and let the other two support it.
Monochrome
One hue at many lightness levels, from near-white tints to deep shades. The most professional-looking option with the least effort: elegant for interfaces, presentations, and minimal branding. If text readability matters, start here — then verify with the contrast checker above.
Choosing a palette that works in practice
- Give the palette jobs: one dominant color, one supporting color, one accent, plus light and dark neutrals for backgrounds and text.
- Check lightness, not just hue: two colors can clash simply because they're the same brightness. Spread your palette from light to dark.
- Never trust a palette for text unchecked: aim for a contrast ratio of at least 4.5:1 (WCAG AA) for body text.
- Test on a real thing: apply the palette to an actual headline, button, and paragraph — not just swatches — before committing.
Frequently asked questions
Is ColorRandom free?
Yes. Generating, copying, saving on your device, and sharing palettes are all free, with no account required.
Can I use these colors commercially?
Yes. Colors themselves aren't owned by this site — any palette you generate here is yours to use in personal and commercial work, including designs you sell.
What's the difference between HEX, RGB, HSL, and HSV?
They're four ways to write the same color. HEX (#E4572E) is the standard for web design and CSS. RGB describes red, green, and blue light values. HSL (hue, saturation, lightness) is the easiest to adjust by hand — it's what the sliders above use. HSV (hue, saturation, value) is common in graphics software and color pickers.
How does sharing work?
Your palette is encoded in the link itself (for example, colorrandom.com/?colors=…). Whoever opens the link sees your exact five colors — no account or file needed on their end.
Where are my saved palettes stored?
On this device, in your browser's local storage. They persist between visits on the same browser, but they don't follow you to another device unless you share the palette link. See the Privacy Policy below for details.
What does the contrast checker tell me?
It compares your color against white and black text using the WCAG formula. AA (4.5:1 or higher) is the standard for readable body text; AAA (7:1 or higher) is the stricter level used for maximum accessibility.
Privacy Policy
Last updated: October 20, 2026. This policy describes what ColorRandom (colorrandom.com) collects, what stays on your device, and how advertising cookies may be used.
What stays on your device
ColorRandom is a browser-based tool. Palettes you save are stored in your browser's local storage on your own device only. We do not operate a server that receives or stores your saved palettes, and clearing your browser storage deletes them. Your current palette is also reflected in the page URL when you share it — that link contains only the color values you chose to share.
Cookies
This site itself sets no tracking cookies for its own features. However, third-party services used on this site — in particular Google AdSense, once advertising is enabled — may place and read cookies on your browser, as described next.
Google AdSense and third-party advertising
- Third-party vendors, including Google, use cookies to serve ads based on your prior visits to this website or other websites on the Internet.
- Google's use of advertising cookies enables it and its partners to serve ads to you based on your visits to this site and/or other sites on the Internet.
- You may opt out of personalized advertising by visiting Google Ads Settings. You can also opt out of some third-party vendors' use of cookies for personalized advertising at aboutads.info/choices.
- For more detail on how Google uses data from sites that use its services, see How Google uses information from sites or apps that use our services.
If you are in the European Economic Area, the UK, or another region requiring consent for advertising cookies, a consent prompt will be shown before personalized ads are served, once advertising is enabled.
Sign-in data
Optional sign-in is provided through Supabase Auth, currently scaffolded for Google sign-in (the provider being set up first). If you sign in, the authentication provider processes your name, email address, and account identifier in order to sign you in and, when enabled, sync your saved palettes across devices. ColorRandom never sees or stores your account password. You can revoke access at any time from your provider account's third-party access settings (for Google, your Google Account settings). Sign-in is optional — the generator and on-device saving work fully without it.
Analytics and logs
Our hosting provider may keep standard server logs (such as IP address, browser type, and pages requested) for security and operation of the site. We do not sell personal information.
Children
This site is a general-audience design tool and is not directed at children under 13.
Contact about privacy
Questions about this policy can be sent to hello@colorrandom.com.
Terms of Use
ColorRandom is provided free of charge, as-is, for generating and sharing color palettes. Colors and palettes you create with the tool may be used for any personal or commercial purpose. We may update or change the tool at any time, and we are not liable for losses arising from reliance on color values, contrast calculations, or availability of the site — always verify final colors in your own production environment, especially for print. By using this site you also agree to the terms of any third-party services it links to or embeds, including Google's terms where AdSense advertising is displayed.
Contact
Feedback, bug reports, and business inquiries: hello@colorrandom.com. For palette help, include the share link from the Share bar — it contains your exact colors, so we can see what you're seeing.