Gradients ux select colors colours

Peru
#cc7c44
Light Crimson
#fa7690
Slimy Green
#3c8c1c
Liberty
#645ca8
Dark Vanilla
#d3c4b0
Maximum Purple
#7c3e82

The palette consists of Light, Semi dark colors. Accent colors Light Crimson #fa7690 and Slimy Green #3c8c1c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3C8C1C (darkest) to #D3C4B0 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #3C8C1C, #645CA8, #7C3E82, #CC7C44, #D3C4B0, #FA7690

Palette Gradients ux select colors colours has combination of 6 codes colors:

HEX: #cc7c44, RGB: (204, 124, 68); HEX: #fa7690, RGB: (250, 118, 144); HEX: #3c8c1c, RGB: (60, 140, 28)

HEX: #645ca8, RGB: (100, 92, 168); HEX: #d3c4b0, RGB: (211, 196, 176); HEX: #7c3e82, RGB: (124, 62, 130)

Simplified version of palette colors

Tint of peru, Shade of palevioletred, Shade of forestgreen, Tint of slateblue, Shade of tan, Shade of darkmagenta

Color scheme was created by raccoon

More palettes with:

Colors codes in palette

Gradients ux select colors colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#cc7c44	#cc7c44	RGB(204, 124, 68)	Peru	—
#fa7690	#fa7690	RGB(250, 118, 144)	Light Crimson	—
#3c8c1c	#3c8c1c	RGB(60, 140, 28)	Slimy Green	—
#645ca8	#645ca8	RGB(100, 92, 168)	Liberty	—
#d3c4b0	#d3c4b0	RGB(211, 196, 176)	Dark Vanilla	—
#7c3e82	#7c3e82	RGB(124, 62, 130)	Maximum Purple	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#cc7c44	#fa7690	1.23
#cc7c44	#3c8c1c	1.31
#cc7c44	#645ca8	1.79
#cc7c44	#d3c4b0	1.88
#fa7690	#3c8c1c	1.62
#fa7690	#d3c4b0	1.52

Image palette Gradients ux select colors colours png

Gradients ux select colors colours - #232765

--color-peru:	#cc7c44;
--color-light-crimson:	#fa7690;
--color-slimy-green:	#3c8c1c;
--color-liberty:	#645ca8;
--color-dark-vanilla:	#d3c4b0;
--color-maximum-purple:	#7c3e82;

$color-peru:	#cc7c44;
$color-light-crimson:	#fa7690;
$color-slimy-green:	#3c8c1c;
$color-liberty:	#645ca8;
$color-dark-vanilla:	#d3c4b0;
$color-maximum-purple:	#7c3e82;

@color-peru:	#cc7c44;
@color-light-crimson:	#fa7690;
@color-slimy-green:	#3c8c1c;
@color-liberty:	#645ca8;
@color-dark-vanilla:	#d3c4b0;
@color-maximum-purple:	#7c3e82;