Generate Palette
  1. Colors palettes
  2. Material design ui ux colors palette
Created at 03/04/2022 13:39
bycolorswall
  0.28k

Material design ui ux colors palette

  • Beer
    #f3981b
  • Orange-Yellow (Crayola)
    #f4c463
  • Golden Brown
    #915c24
  • Raw Umber
    #7c6c3c
  • Chinese Silver
    #ccc9c6
  • Cola
    #372e21
The palette consists of Light, Semi dark, Dark colors. Accent colors Beer #f3981b and Orange-Yellow (Crayola) #f4c463. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #372E21 (darkest) to #CCC9C6 (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): #372E21, #7C6C3C, #915C24, #CCC9C6, #F3981B, #F4C463

Palette Material design ui ux colors palette has combination of 6 codes colors:
HEX: #f3981b, RGB: (243, 152, 27); HEX: #f4c463, RGB: (244, 196, 99); HEX: #915c24, RGB: (145, 92, 36)
HEX: #7c6c3c, RGB: (124, 108, 60); HEX: #ccc9c6, RGB: (204, 201, 198); HEX: #372e21, RGB: (55, 46, 33)
Simplified version of palette colors
Tint of Orange, Shade of goldenrod, Shade of saddlebrown, Tint of Olive, Shade of Silver, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Material design ui ux colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f3981b #f3981b RGB(243, 152, 27)Beer—
#f4c463 #f4c463 RGB(244, 196, 99)Orange-Yellow (Crayola)—
#915c24 #915c24 RGB(145, 92, 36)Golden Brown—
#7c6c3c #7c6c3c RGB(124, 108, 60)Raw Umber—
#ccc9c6 #ccc9c6 RGB(204, 201, 198)Chinese Silver—
#372e21 #372e21 RGB(55, 46, 33)Cola—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f3981b
#f4c463
1.38
#f3981b
#ccc9c6
1.36
#f4c463
#ccc9c6
1.01
#915c24
#7c6c3c
1.08

Image palette Material design ui ux colors palette png

Material design ui ux colors palette - #184680
 Download image