Scroll motion ui blog hex colors

0.25k

Created at 01/14/2021 15:33

The palette consists of Light, Dark, Semi dark colors. Accent colors #eccc84 and #6b0a09. Palette has Warm colors temperature.

By lightness, this palette runs from #6B0A09 (darkest) to #ECCC84 (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #5E3B38, #6B0A09, #A95B5A, #D1A6A6, #D4745C, #ECCC84

Palette Scroll motion ui blog hex colors combines 6 color codes:

HEX: #d4745c, RGB: (212, 116, 92); HEX: #eccc84, RGB: (236, 204, 132); HEX: #6b0a09, RGB: (107, 10, 9)

HEX: #a95b5a, RGB: (169, 91, 90); HEX: #d1a6a6, RGB: (209, 166, 166); HEX: #5e3b38, RGB: (94, 59, 56)

Simplified version of palette colors

Shade of Tomato, Shade of Navajo White, Tint of Maroon, Shade of Indian Red, Tint of Rosy Brown, Tint of Maroon

Color scheme was created by colorswall

Color codes in palette

Scroll motion ui blog hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#d4745c	#d4745c	RGB(212, 116, 92)	—	—
#eccc84	#eccc84	RGB(236, 204, 132)	—	—
#6b0a09	#6b0a09	RGB(107, 10, 9)	—	—
#a95b5a	#a95b5a	RGB(169, 91, 90)	—	—
#d1a6a6	#d1a6a6	RGB(209, 166, 166)	—	—
#5e3b38	#5e3b38	RGB(94, 59, 56)	—	—

4 color pairs have low contrast and need improvement which may impact readability.