Design typography product ux colours

  • Chinese Brown
    #b53120
  • Topaz
    #f4c478
  • Antique Bronze
    #646b19
  • Light Slate Gray
    #76949c
  • Ash Gray
    #bfc4b0
  • Mud
    #635b35
  55
Created at 02/22/2023 20:02
The palette consists of Semi dark, Light colors. Accent colors Topaz #f4c478 and Light Slate Gray #76949c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #635B35 (darkest) to #F4C478 (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #635B35, #646B19, #76949C, #B53120, #BFC4B0, #F4C478

Palette Design typography product ux colours combines 6 color codes:
HEX: #b53120, RGB: (181, 49, 32); HEX: #f4c478, RGB: (244, 196, 120); HEX: #646b19, RGB: (100, 107, 25)
HEX: #76949c, RGB: (118, 148, 156); HEX: #bfc4b0, RGB: (191, 196, 176); HEX: #635b35, RGB: (99, 91, 53)
Simplified version of palette colors
Tint of Firebrick, Tint of Burlywood, Tint of Dark Olive Green, Tint of Light Slate Gray, Tint of Silver, Shade of Dark Olive Green
Color scheme was created by coolor

Color codes in palette

Design typography product ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b53120 #b53120 RGB(181, 49, 32)Chinese Brown—
#f4c478 #f4c478 RGB(244, 196, 120)Topaz—
#646b19 #646b19 RGB(100, 107, 25)Antique Bronze—
#76949c #76949c RGB(118, 148, 156)Light Slate Gray—
#bfc4b0 #bfc4b0 RGB(191, 196, 176)Ash Gray—
#635b35 #635b35 RGB(99, 91, 53)Mud—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b53120
#646b19
1.06
#b53120
#76949c
1.89
#b53120
#635b35
1.11
#f4c478
#bfc4b0
1.1
#646b19
#76949c
1.77
#646b19
#635b35
1.18

Image palette Design typography product ux colours png