Skip to content
AppKitly

Color Palette Generator

Find a color scheme for your app's interface, icon or store graphics. Generate palettes, keep the colors you like and copy the codes.

  • Color 1: EEF2FF

  • Color 2: A5B4FC

  • Color 3: 6366F1

  • Color 4: 4338CA

  • Color 5: 1E1B4B

How to use the Color Palette Generator

  1. Press Generate palette, or the Space bar, to create a new palette.

  2. Lock the colors you want to keep. Locked colors stay when you generate again.

  3. Fine-tune any color with the color picker.

  4. Copy a single HEX code, all codes or the palette as CSS variables.

Features

  • Harmonious palettes

    Colors are based on color harmony rules in a perceptual color space, arranged from light to dark.

  • Lock and regenerate

    Keep the colors you like and generate new options for the rest.

  • Readable labels

    Each color's label switches between dark and light text so it stays easy to read.

  • Copy in one click

    Copy HEX codes for design tools or CSS variables for your website.

Frequently asked questions

How are the palettes created?

Each palette starts from a random hue and a harmony rule, such as analogous, complementary or triadic colors. Colors are spread from light to dark so the palette works for backgrounds, surfaces and text.

How do I use the colors in my app?

Copy the HEX codes into your design tool, Android colors.xml, a Jetpack Compose or Flutter theme, or SwiftUI. For websites, copy the CSS variables.

Are the generated colors accessible?

Not automatically. Check the contrast of the text and background pairs you use. WCAG recommends a contrast ratio of at least 4.5:1 for normal text.

Can I keep a color I like?

Yes. Press the lock button on a color and it stays the same when you generate a new palette.

Related tools

Other free tools that help with the same release.