Construction web ui website design best ux palette

  • Fulvous
    #db8406
  • Indian Yellow
    #e1a444
  • Brown-Nose
    #6b491f
  • Light Taupe
    #b09772
  • Dark Vanilla
    #d7c4a6
  • Bistre
    #34281c
  0.22k
Created at 11/11/2022 10:29
The palette consists of Light, Semi dark, Dark colors. Accent colors Fulvous #db8406 and Indian Yellow #e1a444. Palette has Warm colors temperature.

By lightness, this palette runs from #34281C (darkest) to #D7C4A6 (lightest). The lightness range is moderate.

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

An analogous palette: its hues sit close together on the color wheel, within about 7°.

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

HEX codes (sorted): #34281C, #6B491F, #B09772, #D7C4A6, #DB8406, #E1A444

Palette Construction web ui website design best ux palette combines 6 color codes:
HEX: #db8406, RGB: (219, 132, 6); HEX: #e1a444, RGB: (225, 164, 68); HEX: #6b491f, RGB: (107, 73, 31)
HEX: #b09772, RGB: (176, 151, 114); HEX: #d7c4a6, RGB: (215, 196, 166); HEX: #34281c, RGB: (52, 40, 28)
Simplified version of palette colors
Shade of Peru, Tint of Goldenrod, Shade of Saddle Brown, Shade of Tan, Tint of Tan, Tint of Black
Color scheme was created by palettespicker

Color codes in palette

Construction web ui website design best ux palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#db8406#db8406RGB(219, 132, 6)Fulvous—
#e1a444#e1a444RGB(225, 164, 68)Indian Yellow—
#6b491f#6b491fRGB(107, 73, 31)Brown-Nose—
#b09772#b09772RGB(176, 151, 114)Light Taupe—
#d7c4a6#d7c4a6RGB(215, 196, 166)Dark Vanilla—
#34281c#34281cRGB(52, 40, 28)Bistre—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#db8406
#e1a444
1.31
#db8406
#b09772
1.02
#db8406
#d7c4a6
1.68
#e1a444
#b09772
1.27
#e1a444
#d7c4a6
1.28
#6b491f
#34281c
1.77

Image palette Construction web ui website design best ux palette png