#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 - a10

#8d8860

Primary - a20

#6f6b4d

Primary - a30

#53503a

Primary - a40

#383629

Primary - a50

#1f1e18

Primary - a60

Accent tones

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

#c72d17

Accent - a10

#a42915

Accent - a20

#822514

Accent - a30

#611f11

Accent - a40

#42190e

Accent - a50

#251107

Accent - a60

Semantic tones

Use them to convey meaning and provide feedback to users.

#b41c2b

Danger - a10

#851d22

Danger - a20

#581919

Danger - a30

#2f1310

Danger - a40

#009f42

Success - a10

#167533

Success - a20

#184d25

Success - a30

#132916

Success - a40

#f0ad4e

Warning - a10

#af7f3c

Warning - a20

#71532a

Warning - a30

#392b19

Warning - a40

#388cfa

Info - a10

#3267b5

Info - a20

#284475

Info - a30

#1a253b

Info - a40

Neutral tones

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

#ffffff

Neutral - a10

#c6c6c6

Neutral - a20

#919191

Neutral - a30

#5e5e5e

Neutral - a40

#303030

Neutral - a50

#000000

Neutral - a60

colorffy.com

Code

Loading syntax highlighting...

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? 💡

0/200 characters

Optional

Automatically detected to help us understand context

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 build faster.

Trusted by designers and developers around the world.

.css.csv.scss.json.pdf.jpg.png.svgtailwindstyle dictionarywallpapers4kultrawidewidescreenapp tokensflutterandroidswiftmaui.nethdr colors

Create faster. Export anywhere.

Unlock advanced exports, app tokens, unlimited collections, wallpapers, and an ad‑free experience.

  • AI tools for color insights and faster creation

    New

  • Export a polished Branding Kit as PDF

    New

  • Export Light/Dark themes to CSS and CSV

    New

  • Generate app color tokens for Android, Flutter, Swift, and .NET MAUI

    New

  • App gradient code (Android, Flutter, Swift)

    New

  • One‑click wallpapers for desktop and mobile (4K, ultrawide, iPhone, Pixel, more)

    New

  • Unlimited collections

    New

  • Export color data to JSON, CSS, SCSS, Tailwind, Style Dictionary, and CSV

  • Download colors as PNG, JPG, or SVG

  • Ad‑free experience

PWA prompt