Generate Palette
  1. Colors palettes
  2. Product design typography web ui user experience palette
Created at 02/11/2023 15:29
byhex
  55

Product design typography web ui user experience palette

  • Minion Yellow
    #efd656
  • Medium Aquamarine
    #5bdfac
  • Amazon
    #2c7053
  • Old Moss Green
    #8c7c3c
  • Columbia Blue
    #c5ddd5
  • Royal Brown
    #504430
The palette consists of Light, Semi dark colors. Accent colors Minion Yellow #efd656 and Medium Aquamarine #5bdfac. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #504430 (darkest) to #C5DDD5 (lightest). The lightness range is wide.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #2C7053, #504430, #5BDFAC, #8C7C3C, #C5DDD5, #EFD656

Palette Product design typography web ui user experience palette has combination of 6 codes colors:
HEX: #efd656, RGB: (239, 214, 86); HEX: #5bdfac, RGB: (91, 223, 172); HEX: #2c7053, RGB: (44, 112, 83)
HEX: #8c7c3c, RGB: (140, 124, 60); HEX: #c5ddd5, RGB: (197, 221, 213); HEX: #504430, RGB: (80, 68, 48)
Simplified version of palette colors
Shade of gold, Shade of mediumaquamarine, Tint of seashell, Shade of Olive, Shade of powderblue, Tint of dimgrey
Color scheme was created by hex

Colors codes in palette

Product design typography web ui user experience palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#efd656 #efd656 RGB(239, 214, 86)Minion Yellow—
#5bdfac #5bdfac RGB(91, 223, 172)Medium Aquamarine—
#2c7053 #2c7053 RGB(44, 112, 83)Amazon—
#8c7c3c #8c7c3c RGB(140, 124, 60)Old Moss Green—
#c5ddd5 #c5ddd5 RGB(197, 221, 213)Columbia Blue—
#504430 #504430 RGB(80, 68, 48)Royal Brown—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#efd656
#5bdfac
1.14
#efd656
#c5ddd5
1.01
#5bdfac
#c5ddd5
1.16
#2c7053
#8c7c3c
1.42
#2c7053
#504430
1.6

Image palette Product design typography web ui user experience palette png

Product design typography web ui user experience palette - #236070
 Download image