UI Palette Generator

#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

AAA - 8.46

#8d8860

Fail - 3.6

#6f6b4d

AA - 5.4

#53503a

AAA - 8.15

#383629

AAA - 12.15

#1f1e18

AAA - 16.7

Accent tones

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

#c72d17

AA - 5.5

#a42915

AAA - 7.22

#822514

AAA - 9.44

#611f11

AAA - 12.26

#42190e

AAA - 15.25

#251107

AAA - 18.07

Semantic tones

Use them to convey meaning and provide feedback to users.

#b41c2b

AA - 6.68

#851d22

AAA - 9.56

#581919

AAA - 13.39

#2f1310

AAA - 17.19

#009f42

Fail - 3.47

#167533

AA - 5.79

#184d25

AAA - 9.87

#132916

AAA - 15.48

#f0ad4e

AAA - 10.79

#af7f3c

Fail - 3.54

#71532a

AAA - 7.06

#392b19

AAA - 13.69

#388cfa

Fail - 3.33

#3267b5

AA - 5.61

#284475

AAA - 9.65

#1a253b

AAA - 15.3

Neutral tones

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

#ffffff

AAA - 21

#c6c6c6

AAA - 12.29

#919191

Fail - 3.15

#5e5e5e

AA - 6.48

#303030

AAA - 13.19

#000000

AAA - 21

colorffy.com

Code

Loading syntax highlighting...

PWA Prompt