Created at 02/21/2022 13:54

React green branding ux colors palette

The palette consists of Light colors. Accent colors Islamic Green #07ab07 and Deep Puce #a9646e. Palette has Neutral, Warm colors temperature.

By lightness, this palette runs from #3B3C3C (darkest) to #BCDBB8 (lightest). The lightness range is wide.

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

Hues are spread broadly around the wheel, spanning about 129° — a varied palette (loose heuristic).

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

HEX codes (sorted): #07AB07, #24A814, #3B3C3C, #A9646E, #BCDBB8, #DCC694

Palette React green branding ux colors palette has combination of 6 codes colors:

HEX: #07ab07, RGB: (7, 171, 7); HEX: #dcc694, RGB: (220, 198, 148); HEX: #24a814, RGB: (36, 168, 20)

HEX: #a9646e, RGB: (169, 100, 110); HEX: #bcdbb8, RGB: (188, 219, 184); HEX: #3b3c3c, RGB: (59, 60, 60)

Simplified version of palette colors

Tint of limegreen, Tint of wheat, Shade of forestgreen, Tint of indianred, Shade of darkseagreen, Tint of darkslategrey

Color scheme was created by colorswall

Colors codes in palette

React green branding ux colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#07ab07	#07ab07	RGB(7, 171, 7)	Islamic Green	—
#dcc694	#dcc694	RGB(220, 198, 148)	Gold (Crayola)	—
#24a814	#24a814	RGB(36, 168, 20)	Yellow-Green (Color Wheel)	—
#a9646e	#a9646e	RGB(169, 100, 110)	Deep Puce	—
#bcdbb8	#bcdbb8	RGB(188, 219, 184)	Light Moss Green	—
#3b3c3c	#3b3c3c	RGB(59, 60, 60)	Black Olive	Yin Mist

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

--color-islamic-green:	#07ab07;
--color-gold-crayola:	#dcc694;
--color-yellow-green-color-wheel:	#24a814;
--color-deep-puce:	#a9646e;
--color-light-moss-green:	#bcdbb8;
--color-black-olive:	#3b3c3c;

$color-islamic-green:	#07ab07;
$color-gold-crayola:	#dcc694;
$color-yellow-green-color-wheel:	#24a814;
$color-deep-puce:	#a9646e;
$color-light-moss-green:	#bcdbb8;
$color-black-olive:	#3b3c3c;

@color-islamic-green:	#07ab07;
@color-gold-crayola:	#dcc694;
@color-yellow-green-color-wheel:	#24a814;
@color-deep-puce:	#a9646e;
@color-light-moss-green:	#bcdbb8;
@color-black-olive:	#3b3c3c;