Created at 03/11/2022 19:53

Ux food app uiux hero page colours

The palette consists of Light, Dark colors. Accent colors Caramel #fad98e and Zinnwaldite Brown #243404. Palette has Warm colors temperature.

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

Saturation sits in a moderate mid-range.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #243404, #5C2C30, #A38B5B, #AE831E, #FAD98E

Palette Ux food app uiux hero page colours has combination of 6 codes colors:

HEX: #ae831e, RGB: (174, 131, 30); HEX: #fad98e, RGB: (250, 217, 142); HEX: #243404, RGB: (36, 52, 4)

HEX: #a38b5b, RGB: (163, 139, 91); HEX: #5c2c30, RGB: (92, 44, 48); HEX: #5c2c30, RGB: (92, 44, 48)

Simplified version of palette colors

Tint of darkgoldenrod, Tint of navajowhite, Tint of darkgreen, Shade of darkgoldenrod, Shade of Maroon, Shade of Maroon

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Ux food app uiux hero page colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#ae831e	#ae831e	RGB(174, 131, 30)	University Of California Gold	—
#fad98e	#fad98e	RGB(250, 217, 142)	Caramel	—
#243404	#243404	RGB(36, 52, 4)	Zinnwaldite Brown	—
#a38b5b	#a38b5b	RGB(163, 139, 91)	Bronze (Metallic)	—
#5c2c30	#5c2c30	RGB(92, 44, 48)	Caput Mortuum	—
#5c2c30	#5c2c30	RGB(92, 44, 48)	—	—

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

--color-university-of-california-gold:	#ae831e;
--color-caramel:	#fad98e;
--color-zinnwaldite-brown:	#243404;
--color-bronze-metallic:	#a38b5b;
--color-caput-mortuum:	#5c2c30;
--color-1:	#5c2c30;

$color-university-of-california-gold:	#ae831e;
$color-caramel:	#fad98e;
$color-zinnwaldite-brown:	#243404;
$color-bronze-metallic:	#a38b5b;
$color-caput-mortuum:	#5c2c30;
$color-1:	#5c2c30;

@color-university-of-california-gold:	#ae831e;
@color-caramel:	#fad98e;
@color-zinnwaldite-brown:	#243404;
@color-bronze-metallic:	#a38b5b;
@color-caput-mortuum:	#5c2c30;
@color-1:	#5c2c30;