Generate Palette
  1. Color Palettes
  2. Design app uxinspiration uiux colours

Design app uxinspiration uiux colours

  • #84c4ac
  • #a5d4c2
  • #2a5948
  • #6caa93
  • #bcdcbc
  • #373c59
  0.25k
Created at 12/03/2020 18:28
bycolorswall
The palette consists of Light, Semi dark colors. Accent colors #a5d4c2 and #2a5948. Palette has Cool colors temperature.

By lightness, this palette runs from #373C59 (darkest) to #BCDCBC (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 31% across the palette.

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

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

HEX codes (sorted): #2A5948, #373C59, #6CAA93, #84C4AC, #A5D4C2, #BCDCBC

Palette Design app uxinspiration uiux colours combines 6 color codes:
HEX: #84c4ac, RGB: (132, 196, 172); HEX: #a5d4c2, RGB: (165, 212, 194); HEX: #2a5948, RGB: (42, 89, 72)
HEX: #6caa93, RGB: (108, 170, 147); HEX: #bcdcbc, RGB: (188, 220, 188); HEX: #373c59, RGB: (55, 60, 89)
Simplified version of palette colors
Tint of Medium Aquamarine, Tint of Medium Aquamarine, Tint of Dark Slate Gray, Shade of Dark Sea Green, Tint of Dark Sea Green, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Design app uxinspiration uiux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#84c4ac #84c4ac RGB(132, 196, 172)——
#a5d4c2 #a5d4c2 RGB(165, 212, 194)——
#2a5948 #2a5948 RGB(42, 89, 72)——
#6caa93 #6caa93 RGB(108, 170, 147)——
#bcdcbc #bcdcbc RGB(188, 220, 188)——
#373c59 #373c59 RGB(55, 60, 89)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#84c4ac
#a5d4c2
1.22
#84c4ac
#6caa93
1.34
#84c4ac
#bcdcbc
1.34
#a5d4c2
#6caa93
1.63
#a5d4c2
#bcdcbc
1.1
#2a5948
#373c59
1.34

Image palette Design app uxinspiration uiux colours png

Design app uxinspiration uiux colours: #84c4ac, #a5d4c2, #2a5948, #6caa93, #bcdcbc, #373c59
 Download image