UI Palette Generator

Generate a stunning color palette for your website or mobile app's user interface.

#aca674

Primary color

Your UI primary color

#74ac8a

#747aac

#ac7496

Accent candidates colors

Best options for your primary color, be free to change it for a custom one.

Tip: Press SPACE to generate colors

Click a color block to copy to your clipboard.

View marketing website View dashboard app

User interface color palettes

Primary tones

Use the primary colors palette to maintain visual consistency and establish a solid brand identity for your website.

#aca674

Primary - a0

#8d8860

Primary - a20

#6f6b4d

Primary - a40

#53503a

Primary - a60

#383629

Primary - a80

#1f1e18

Primary - a100

Accent tones

Best to enhances the primary colors and highlights interactive elements for a better user experience.

#c72d17

Accent - a0

#a42915

Accent - a20

#822514

Accent - a40

#611f11

Accent - a60

#42190e

Accent - a80

#251107

Accent - a100

Semantic tones

Use them to convey meaning and provide feedback to users.

#b41c2b

Danger - a0

#851d22

Danger - a20

#581919

Danger - a40

#2f1310

Danger - a60

#009f42

Success - a0

#167533

Success - a20

#184d25

Success - a40

#132916

Success - a60

#f0ad4e

Warning - a0

#af7f3c

Warning - a20

#71532a

Warning - a40

#392b19

Warning - a60

#388cfa

Info - a0

#3267b5

Info - a20

#284475

Info - a40

#1a253b

Info - a60

Neutral tones

Best for UI design foundation, use them for backgrounds, text, and borders.

#ffffff

Neutral - a0

#c6c6c6

Neutral - a20

#919191

Neutral - a40

#5e5e5e

Neutral - a60

#303030

Neutral - a80

#000000

Neutral - a100

colorffy.com

Code

Submit feedback

We'd love to hear from you, tell us what you think about Colorffy, and what we can improve.

What's your suggestion? 💡

Optional

Create your free account

Sign up to save and like your color palettes, gradients, and more.

Sign up with

or

Already have an account? Log in

By signing up, you agree to our Terms of Service and Privacy Policy

Upgrade to Pro and unlock more features.

Trusted and used by designers and developers from companies around the world.

.css.csv.json.pdf.jpg.png.svgwallpapers4kultrawidewidescreenapp tokensflutterandroidswiftmaui.nethdr colors

Create. Export. Build faster.

Get access to more export file formats, app tokens, remove ads, unlimited collections, and more.

  • AI features (use cases, analysis, and more soon.)

    New

  • Export the palette Branding Kit PDF.

    New

  • Export Dark/Light themes to .css, and .csv

    New

  • App color tokens (Android, Flutter, Swift, .NET MAUI)

    New

  • App gradient code (Android, Flutter, Swift)

    New

  • Gradients/Palettes wallpaper (4k, ultrawide, widescreen, iPhone, Pixel, etc.)

    New

  • Create unlimited collections

    New

  • Export colors to multiple formats (.json, .css, .csv)

  • Download colors as images (.jpeg, .png, .svg)

  • Remove ads and more

PWA prompt