Generate Palette
  1. Colors palettes
  2. Mobile design onboarding screen ui step-by-step colours
Created at 08/05/2022 12:38
bycolorswall
  0.24k

Mobile design onboarding screen ui step-by-step colours

  • Ripe Mango
    #fac329
  • Caramel
    #fadd99
  • St. Patrick's Blue
    #222976
  • Rose Quartz Pink
    #a9549a
  • Blue Bell
    #a39ac9
  • Cyber Grape
    #54447c
The palette consists of Light, Dark colors. Accent colors Ripe Mango #fac329 and St. Patrick's Blue #222976. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #222976 (darkest) to #FADD99 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #222976, #54447C, #A39AC9, #A9549A, #FAC329, #FADD99

Palette Mobile design onboarding screen ui step-by-step colours has combination of 6 codes colors:
HEX: #fac329, RGB: (250, 195, 41); HEX: #fadd99, RGB: (250, 221, 153); HEX: #222976, RGB: (34, 41, 118)
HEX: #a9549a, RGB: (169, 84, 154); HEX: #a39ac9, RGB: (163, 154, 201); HEX: #54447c, RGB: (84, 68, 124)
Simplified version of palette colors
Tint of gold, Tint of moccasin, Shade of midnightblue, Shade of mediumvioletred, Tint of plum, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Mobile design onboarding screen ui step-by-step colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fac329 #fac329 RGB(250, 195, 41)Ripe Mango—
#fadd99 #fadd99 RGB(250, 221, 153)Caramel—
#222976 #222976 RGB(34, 41, 118)St. Patrick's Blue—
#a9549a #a9549a RGB(169, 84, 154)Rose Quartz Pink—
#a39ac9 #a39ac9 RGB(163, 154, 201)Blue Bell—
#54447c #54447c RGB(84, 68, 124)Cyber Grape—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fac329
#fadd99
1.22
#fac329
#a39ac9
1.6
#fadd99
#a39ac9
1.97
#222976
#54447c
1.51
#a9549a
#a39ac9
1.81
#a9549a
#54447c
1.77

Image palette Mobile design onboarding screen ui step-by-step colours png

Mobile design onboarding screen ui step-by-step colours - #199005
 Download image