Chatbot cards library styleguide colours

  • #d8914c
  • #ac74e4
  • #902e1b
  • #8d6650
  • #c3a28c
  • #463d3a
  0.28k
Created at 12/03/2019 17:56
The palette consists of Light, Semi dark colors. Accent colors #ac74e4 and #902e1b. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #463D3A (darkest) to #C3A28C (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 120° of the color wheel.

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

HEX codes (sorted): #463D3A, #8D6650, #902E1B, #AC74E4, #C3A28C, #D8914C

Palette Chatbot cards library styleguide colours combines 6 color codes:
HEX: #d8914c, RGB: (216, 145, 76); HEX: #ac74e4, RGB: (172, 116, 228); HEX: #902e1b, RGB: (144, 46, 27)
HEX: #8d6650, RGB: (141, 102, 80); HEX: #c3a28c, RGB: (195, 162, 140); HEX: #463d3a, RGB: (70, 61, 58)
Simplified version of palette colors
Tint of Peru, Tint of Medium Purple, Tint of Dark Red, Tint of Sienna, Shade of Tan, Shade of Dim Gray
Color scheme was created by colorswall

Color codes in palette

Chatbot cards library styleguide colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#d8914c#d8914cRGB(216, 145, 76)——
#ac74e4#ac74e4RGB(172, 116, 228)——
#902e1b#902e1bRGB(144, 46, 27)——
#8d6650#8d6650RGB(141, 102, 80)——
#c3a28c#c3a28cRGB(195, 162, 140)——
#463d3a#463d3aRGB(70, 61, 58)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#d8914c
#ac74e4
1.26
#d8914c
#8d6650
1.94
#d8914c
#c3a28c
1.09
#ac74e4
#8d6650
1.53
#ac74e4
#c3a28c
1.39
#902e1b
#8d6650
1.6

Image palette Chatbot cards library styleguide colours png