Principle ecommerce animation ui colours

Created at 04/27/2023 17:24

The palette consists of Dark, Light colors. Accent colors Anti-Flash White #f0f0f0 and Beige #f0f0dc. Palette has Neutral colors temperature.

By lightness, this palette runs from #000000 (darkest) to #F0F0F0 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.

Only one color carries a distinct hue; the rest are neutrals or grays.

Most swatches read as neutral in color temperature (6 of 6).

HEX codes (sorted): #000000, #141414, #B4B4B4, #DCDCDC, #F0F0DC, #F0F0F0

Palette Principle ecommerce animation ui colours combines 6 color codes:

HEX: #141414, RGB: (20, 20, 20); HEX: #b4b4b4, RGB: (180, 180, 180); HEX: #f0f0f0, RGB: (240, 240, 240)

HEX: #f0f0dc, RGB: (240, 240, 220); HEX: #000000, RGB: (0, 0, 0); HEX: #dcdcdc, RGB: (220, 220, 220)

Simplified version of palette colors

Tint of Black, Tint of Dark Gray, Shade of White Smoke, Shade of Beige, Black, Gainsboro

Color scheme was created by colorslib

Color codes in palette

Principle ecommerce animation ui colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#b4b4b4	#b4b4b4	RGB(180, 180, 180)	Philippine Silver	—
#f0f0f0	#f0f0f0	RGB(240, 240, 240)	Anti-Flash White	Gray94
#f0f0dc	#f0f0dc	RGB(240, 240, 220)	Beige	—
#000000	#000000	RGB(0, 0, 0)	Black	—
#dcdcdc	#dcdcdc	RGB(220, 220, 220)	Gainsboro	—

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