How To Create A Simple Color Theme For Your App

Follow this guide if you want your app colour scheme to look something like this:

1. Go to colourcontrast.cc
2. Enter #000000 as the Background Color
3. Enter your color as the Foreground Color
4. Take note of the number next to Aa
5. Replace #000000 with #FFFFFF
6. Take note of the number next to Aa
7. Compare the two numbers
8. Select one of the following options:

1. Go to colourcontrast.cc
2. Enter #000000 as the background color
3. Enter your chosen color as the foreground color
4. Take note of the number next to Aa
5. Replace #000000 with #FFFFFF
6. Take note of the number next to Aa
7. Compare the two numbers
8. Select one of the following options:

If Black Has The Highest Value

Primary color: Your brand color
Background: #000000
Secondary Background: #111111
Caption: #FFFFFF
Divider: #FFFFFF
Text Color: #FFFFFF

Button Text Color: try both and use the one that looks better to you.

Alternate Secondary Colors:

#222222:

#333333:

If White Has The Highest Value

Primary color: your brand color
Background: #FFFFFF
Secondary Background: #eeeeee
Caption: #000000
Divider: #000000
Text Color: #000000

Button Text Color: try both and use the one that looks better to you.

Alternate Secondary Colors:

#DDDDDD:

#CCCCCC:

If Black Has The Highest Value

Primary color: Your color
Background: #000000
Secondary Background: #111111
Caption: #FFFFFF
Divider: #FFFFFF
Text Color: #FFFFFF

Button Text Color: try both black and white and use the one that looks better to you.

Alternate Secondary Colors:

#222222:

#333333:

If White Has The Highest Value

Primary color: Your color
Background: #FFFFFF
Secondary Background: #EEEEEE
Caption: #000000
Divider: #000000
Text Color: #000000

Button Text Color: try both black and white and use the one that looks better to you.

Alternate Secondary Colors:

#DDDDDD:

#CCCCCC:

Start creating your app in minutes

How To Create A Simple Color Theme For Your App

Follow this guide if you want your app colour scheme to look something like this: