Generate Palette
  1. Color Palettes
  2. Ui design figma swipe animation interaction hex colors

Ui design figma swipe animation interaction hex colors

  • Antique Brass
    #c49474
  • Teal Deer
    #84e3ac
  • Rich Black (FOGRA29)
    #04140c
  • Shiny Shamrock
    #54ac80
  • Eton Blue
    #96c2a1
  • Arsenic
    #3c3f4d
  0.18k
Created at 07/28/2022 09:19
bycolorswall
The palette consists of Light, Dark, Semi dark colors. Accent colors Antique Brass #c49474 and Rich Black (FOGRA29) #04140c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #04140C (darkest) to #84E3AC (lightest). The lightness range is wide.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #04140C, #3C3F4D, #54AC80, #84E3AC, #96C2A1, #C49474

Palette Ui design figma swipe animation interaction hex colors combines 6 color codes:
HEX: #c49474, RGB: (196, 148, 116); HEX: #84e3ac, RGB: (132, 227, 172); HEX: #04140c, RGB: (4, 20, 12)
HEX: #54ac80, RGB: (84, 172, 128); HEX: #96c2a1, RGB: (150, 194, 161); HEX: #3c3f4d, RGB: (60, 63, 77)
Simplified version of palette colors
Shade of Dark Salmon, Tint of Medium Aquamarine, Tint of Black, Tint of Medium Sea Green, Tint of Dark Sea Green, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Ui design figma swipe animation interaction hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c49474 #c49474 RGB(196, 148, 116)Antique Brass—
#84e3ac #84e3ac RGB(132, 227, 172)Teal Deer—
#04140c #04140c RGB(4, 20, 12)Rich Black (FOGRA29)—
#54ac80 #54ac80 RGB(84, 172, 128)Shiny Shamrock—
#96c2a1 #96c2a1 RGB(150, 194, 161)Eton Blue—
#3c3f4d #3c3f4d RGB(60, 63, 77)Arsenic—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c49474
#84e3ac
1.73
#c49474
#54ac80
1.03
#c49474
#96c2a1
1.34
#84e3ac
#54ac80
1.78
#84e3ac
#96c2a1
1.28
#04140c
#3c3f4d
1.81

Image palette Ui design figma swipe animation interaction hex colors png

Ui design figma swipe animation interaction hex colors: Antique Brass, Teal Deer, Rich Black (FOGRA29), Shiny Shamrock
 Download image