Created at 01/10/2021 08:50
  0.22k

App learning uidesign ui colors palette

  • #b4d770
  • #bce47c
  • #09140c
  • #829e56
  • #a4c1a5
  • #3e6041
The palette consists of Light, Dark, Semi dark colors. Accent colors #b4d770 and #bce47c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #09140C (darkest) to #A4C1A5 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #09140C, #3E6041, #829E56, #A4C1A5, #B4D770, #BCE47C

Palette App learning uidesign ui colors palette has combination of 6 codes colors:
HEX: #b4d770, RGB: (180, 215, 112); HEX: #bce47c, RGB: (188, 228, 124); HEX: #09140c, RGB: (9, 20, 12)
HEX: #829e56, RGB: (130, 158, 86); HEX: #a4c1a5, RGB: (164, 193, 165); HEX: #3e6041, RGB: (62, 96, 65)
Simplified version of palette colors
Shade of Yellowgreen, Shade of Yellowgreen, Shade of Black, Shade of olivedrab, Shade of darkseagreen, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

App learning uidesign ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b4d770 #b4d770 RGB(180, 215, 112)
#bce47c #bce47c RGB(188, 228, 124)
#09140c #09140c RGB(9, 20, 12)
#829e56 #829e56 RGB(130, 158, 86)
#a4c1a5 #a4c1a5 RGB(164, 193, 165)
#3e6041 #3e6041 RGB(62, 96, 65)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b4d770
#bce47c
1.12
#b4d770
#829e56
1.84
#b4d770
#a4c1a5
1.19
#bce47c
#a4c1a5
1.35
#829e56
#a4c1a5
1.54

Image palette App learning uidesign ui colors palette png