Created at 07/18/2020 16:36
  0.19k

Adobe design ux branding hex colors

  • #0cecdc
  • #c0ec9b
  • #0b671a
  • #94a45c
  • #c8d1be
  • #3e4555
The palette consists of Light colors. Accent colors #0cecdc and #0b671a. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #0B671A (darkest) to #C8D1BE (lightest). The lightness range is wide.

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

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): #0B671A, #0CECDC, #3E4555, #94A45C, #C0EC9B, #C8D1BE

Palette Adobe design ux branding hex colors has combination of 6 codes colors:
HEX: #0cecdc, RGB: (12, 236, 220); HEX: #c0ec9b, RGB: (192, 236, 155); HEX: #0b671a, RGB: (11, 103, 26)
HEX: #94a45c, RGB: (148, 164, 92); HEX: #c8d1be, RGB: (200, 209, 190); HEX: #3e4555, RGB: (62, 69, 85)
Simplified version of palette colors
Tint of turquoise, Shade of lightgreen, Shade of darkgreen, Tint of darkkhaki, Tint of beige, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Adobe design ux branding hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0cecdc #0cecdc RGB(12, 236, 220)
#c0ec9b #c0ec9b RGB(192, 236, 155)
#0b671a #0b671a RGB(11, 103, 26)
#94a45c #94a45c RGB(148, 164, 92)
#c8d1be #c8d1be RGB(200, 209, 190)
#3e4555 #3e4555 RGB(62, 69, 85)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0cecdc
#c0ec9b
1.11
#0cecdc
#94a45c
1.81
#0cecdc
#c8d1be
1.05
#c0ec9b
#c8d1be
1.17
#0b671a
#3e4555
1.35
#94a45c
#c8d1be
1.72

Image palette Adobe design ux branding hex colors png