Generate Palette
  1. Color Palettes
  2. Mobile design pay app ui hex colors

Mobile design pay app ui hex colors

  • Orange-Yellow (Crayola)
    #f4cc6c
  • Light Coral
    #f48484
  • Dark Bronze
    #7b5909
  • Sage
    #b7bc97
  • Pastel Gray
    #c8d0ba
  • Onyx
    #3c343c
  76
Created at 02/24/2023 13:09
bybad_colors
The palette consists of Light, Semi dark colors. Accent colors Orange-Yellow (Crayola) #f4cc6c and Dark Bronze #7b5909. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3C343C (darkest) to #F4CC6C (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 82°.

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #3C343C, #7B5909, #B7BC97, #C8D0BA, #F48484, #F4CC6C

Palette Mobile design pay app ui hex colors combines 6 color codes:
HEX: #f4cc6c, RGB: (244, 204, 108); HEX: #f48484, RGB: (244, 132, 132); HEX: #7b5909, RGB: (123, 89, 9)
HEX: #b7bc97, RGB: (183, 188, 151); HEX: #c8d0ba, RGB: (200, 208, 186); HEX: #3c343c, RGB: (60, 52, 60)
Simplified version of palette colors
Tint of Gold, Tint of Light Coral, Tint of Saddle Brown, Tint of Dark Khaki, Shade of Beige, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

Mobile design pay app ui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4cc6c #f4cc6c RGB(244, 204, 108)Orange-Yellow (Crayola)—
#f48484 #f48484 RGB(244, 132, 132)Light Coral—
#7b5909 #7b5909 RGB(123, 89, 9)Dark Bronze—
#b7bc97 #b7bc97 RGB(183, 188, 151)Sage—
#c8d0ba #c8d0ba RGB(200, 208, 186)Pastel Gray—
#3c343c #3c343c RGB(60, 52, 60)Onyx—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4cc6c
#f48484
1.61
#f4cc6c
#b7bc97
1.28
#f4cc6c
#c8d0ba
1.03
#f48484
#b7bc97
1.25
#f48484
#c8d0ba
1.55
#7b5909
#3c343c
1.87

Image palette Mobile design pay app ui hex colors png

Mobile design pay app ui hex colors: Orange-Yellow (Crayola), Light Coral, Dark Bronze, Sage, Pastel Gray, Onyx
 Download image