palegreen
CSS keyword
On white 1.27:1 · Fail
On black 16.59:1 · AAA
Green Colors
Names, HEX, RGB & Contrast
156 named green colors, grouped by lightness. Click any value to copy it.
Light
36 colors
aquamarine
CSS keyword
On white 1.22:1 · Fail
On black 17.16:1 · AAA
lightgreen
CSS keyword
On white 1.42:1 · Fail
On black 14.82:1 · AAA
very light green
On white 1.12:1 · Fail
On black 18.75:1 · AAA
very pale green
On white 1.14:1 · Fail
On black 18.43:1 · AAA
pale aqua
On white 1.13:1 · Fail
On black 18.54:1 · AAA
light mint
On white 1.17:1 · Fail
On black 18.01:1 · AAA
celadon
On white 1.17:1 · Fail
On black 17.92:1 · AAA
pale green
On white 1.16:1 · Fail
On black 18.15:1 · AAA
light light green
On white 1.14:1 · Fail
On black 18.39:1 · AAA
light seafoam green
On white 1.19:1 · Fail
On black 17.61:1 · AAA
light mint green
On white 1.23:1 · Fail
On black 17.06:1 · AAA
light pastel green
On white 1.22:1 · Fail
On black 17.24:1 · AAA
pale turquoise
On white 1.21:1 · Fail
On black 17.36:1 · AAA
light seafoam
On white 1.21:1 · Fail
On black 17.42:1 · AAA
mint
On white 1.22:1 · Fail
On black 17.28:1 · AAA
pastel green
On white 1.19:1 · Fail
On black 17.64:1 · AAA
tea green
On white 1.23:1 · Fail
On black 17.12:1 · AAA
washed out green
On white 1.25:1 · Fail
On black 16.75:1 · AAA
light sage
On white 1.33:1 · Fail
On black 15.73:1 · AAA
pale light green
On white 1.22:1 · Fail
On black 17.25:1 · AAA
light sea green
On white 1.3:1 · Fail
On black 16.14:1 · AAA
mint green
On white 1.24:1 · Fail
On black 16.97:1 · AAA
foam green
On white 1.25:1 · Fail
On black 16.81:1 · AAA
baby green
On white 1.24:1 · Fail
On black 16.91:1 · AAA
light aqua
On white 1.2:1 · Fail
On black 17.44:1 · AAA
hospital green
On white 1.48:1 · Fail
On black 14.18:1 · AAA
easter green
On white 1.28:1 · Fail
On black 16.47:1 · AAA
light blue green
On white 1.29:1 · Fail
On black 16.34:1 · AAA
seafoam
On white 1.31:1 · Fail
On black 16.07:1 · AAA
light aquamarine
On white 1.26:1 · Fail
On black 16.72:1 · AAA
light teal
On white 1.49:1 · Fail
On black 14.05:1 · AAA
light green
On white 1.3:1 · Fail
On black 16.13:1 · AAA
light bluish green
On white 1.28:1 · Fail
On black 16.39:1 · AAA
seafoam green
On white 1.32:1 · Fail
On black 15.97:1 · AAA
light turquoise
On white 1.34:1 · Fail
On black 15.7:1 · AAA
Mid-tone
91 colors
darkseagreen
CSS keyword
On white 2.15:1 · Fail
On black 9.76:1 · AAA
mediumaquamarine
CSS keyword
On white 1.93:1 · Fail
On black 10.88:1 · AAA
lime
CSS keyword
On white 1.37:1 · Fail
On black 15.3:1 · AAA
limegreen
CSS keyword
On white 2.12:1 · Fail
On black 9.91:1 · AAA
springgreen
CSS keyword
On white 1.35:1 · Fail
On black 15.61:1 · AAA
mediumspringgreen
CSS keyword
On white 1.39:1 · Fail
On black 15.14:1 · AAA
mediumseagreen
CSS keyword
On white 2.67:1 · Fail
On black 7.88:1 · AAA
seagreen
CSS keyword
On white 4.25:1 · AA Large
On black 4.95:1 · AA
lighter green
On white 1.31:1 · Fail
On black 15.99:1 · AAA
light greenish blue
On white 1.36:1 · Fail
On black 15.49:1 · AAA
light green blue
On white 1.33:1 · Fail
On black 15.84:1 · AAA
light bright green
On white 1.34:1 · Fail
On black 15.7:1 · AAA
sea green
On white 1.33:1 · Fail
On black 15.81:1 · AAA
pale teal
On white 1.89:1 · Fail
On black 11.13:1 · AAA
light neon green
On white 1.35:1 · Fail
On black 15.5:1 · AAA
seafoam blue
On white 1.81:1 · Fail
On black 11.59:1 · AAA
lightish green
On white 1.69:1 · Fail
On black 12.45:1 · AAA
greenish grey
On white 2.4:1 · Fail
On black 8.74:1 · AAA
soft green
On white 2.18:1 · Fail
On black 9.65:1 · AAA
bright light green
On white 1.36:1 · Fail
On black 15.42:1 · AAA
sage green
On white 2.4:1 · Fail
On black 8.77:1 · AAA
greenish cyan
On white 1.32:1 · Fail
On black 15.96:1 · AAA
fresh green
On white 1.82:1 · Fail
On black 11.54:1 · AAA
faded green
On white 2.48:1 · Fail
On black 8.46:1 · AAA
hot green
On white 1.36:1 · Fail
On black 15.41:1 · AAA
greyish green
On white 2.73:1 · Fail
On black 7.7:1 · AAA
weird green
On white 1.65:1 · Fail
On black 12.69:1 · AAA
grey/green
On white 2.83:1 · Fail
On black 7.41:1 · AAA
dusty green
On white 2.73:1 · Fail
On black 7.69:1 · AAA
greeny grey
On white 2.92:1 · Fail
On black 7.2:1 · AAA
radioactive green
On white 1.42:1 · Fail
On black 14.8:1 · AAA
wintergreen
On white 1.4:1 · Fail
On black 14.96:1 · AAA
boring green
On white 2.57:1 · Fail
On black 8.17:1 · AAA
spearmint
On white 1.42:1 · Fail
On black 14.74:1 · AAA
poison green
On white 1.37:1 · Fail
On black 15.28:1 · AAA
tea
On white 2.74:1 · Fail
On black 7.67:1 · AAA
greyish teal
On white 2.97:1 · Fail
On black 7.07:1 · AAA
grey green
On white 3.12:1 · AA Large
On black 6.73:1 · AA
neon green
On white 1.37:1 · Fail
On black 15.32:1 · AAA
electric green
On white 1.4:1 · Fail
On black 14.99:1 · AAA
toxic green
On white 1.75:1 · Fail
On black 11.99:1 · AAA
dark mint
On white 2.32:1 · Fail
On black 9.06:1 · AAA
dull green
On white 2.85:1 · Fail
On black 7.37:1 · AAA
fluorescent green
On white 1.37:1 · Fail
On black 15.32:1 · AAA
dark pastel green
On white 2.77:1 · Fail
On black 7.59:1 · AAA
bright sea green
On white 1.32:1 · Fail
On black 15.86:1 · AAA
highlighter green
On white 1.4:1 · Fail
On black 14.97:1 · AAA
minty green
On white 1.44:1 · Fail
On black 14.61:1 · AAA
fluro green
On white 1.37:1 · Fail
On black 15.32:1 · AAA
green grey
On white 3.43:1 · AA Large
On black 6.13:1 · AA
algae
On white 2.81:1 · Fail
On black 7.48:1 · AAA
bright green
On white 1.37:1 · Fail
On black 15.31:1 · AAA
vivid green
On white 1.56:1 · Fail
On black 13.47:1 · AAA
greenish turquoise
On white 1.36:1 · Fail
On black 15.43:1 · AAA
green apple
On white 1.79:1 · Fail
On black 11.73:1 · AAA
grey teal
On white 3.22:1 · AA Large
On black 6.53:1 · AA
fern
On white 2.87:1 · Fail
On black 7.32:1 · AAA
turquoise green
On white 1.47:1 · Fail
On black 14.31:1 · AAA
off green
On white 3:1 · AA Large
On black 6.99:1 · AA
greeny blue
On white 2.59:1 · Fail
On black 8.11:1 · AAA
aqua green
On white 1.72:1 · Fail
On black 12.22:1 · AAA
leafy green
On white 2.57:1 · Fail
On black 8.19:1 · AAA
muted green
On white 3.16:1 · AA Large
On black 6.64:1 · AA
slate green
On white 3.76:1 · AA Large
On black 5.58:1 · AA
greenish teal
On white 2.35:1 · Fail
On black 8.92:1 · AAA
mid green
On white 3.02:1 · AA Large
On black 6.96:1 · AA
dark seafoam green
On white 2.76:1 · Fail
On black 7.6:1 · AAA
cool green
On white 2.57:1 · Fail
On black 8.18:1 · AAA
seaweed
On white 2.01:1 · Fail
On black 10.45:1 · AAA
tealish green
On white 1.83:1 · Fail
On black 11.5:1 · AAA
greenblue
On white 2.25:1 · Fail
On black 9.34:1 · AAA
medium green
On white 2.9:1 · Fail
On black 7.24:1 · AAA
vibrant green
On white 1.85:1 · Fail
On black 11.36:1 · AAA
algae green
On white 2.31:1 · Fail
On black 9.1:1 · AAA
greenish
On white 3.15:1 · AA Large
On black 6.66:1 · AA
seaweed green
On white 2.86:1 · Fail
On black 7.34:1 · AAA
dark mint green
On white 2.37:1 · Fail
On black 8.85:1 · AAA
light forest green
On white 3.81:1 · AA Large
On black 5.51:1 · AA
bluey green
On white 2.74:1 · Fail
On black 7.67:1 · AAA
dark sage
On white 4.27:1 · AA Large
On black 4.91:1 · AA
jade green
On white 2.82:1 · Fail
On black 7.44:1 · AAA
ocean green
On white 3.5:1 · AA Large
On black 6:1 · AA
dark seafoam
On white 2.64:1 · Fail
On black 7.95:1 · AAA
fern green
On white 3.98:1 · AA Large
On black 5.27:1 · AA
teal green
On white 3.21:1 · AA Large
On black 6.55:1 · AA
jade
On white 3.07:1 · AA Large
On black 6.84:1 · AA
shamrock green
On white 2.4:1 · Fail
On black 8.74:1 · AAA
green teal
On white 2.66:1 · Fail
On black 7.89:1 · AAA
green/blue
On white 2.35:1 · Fail
On black 8.93:1 · AAA
bluish green
On white 3.12:1 · AA Large
On black 6.73:1 · AA
shamrock
On white 2.75:1 · Fail
On black 7.63:1 · AAA
Dark
29 colors
forestgreen
CSS keyword
On white 4.39:1 · AA Large
On black 4.78:1 · AA
green
CSS keyword
On white 5.14:1 · AA
On black 4.09:1 · AA Large
darkgreen
CSS keyword
On white 7.44:1 · AAA
On black 2.82:1 · Fail
viridian
On white 3.96:1 · AA Large
On black 5.3:1 · AA
kelly green
On white 3.06:1 · AA Large
On black 6.87:1 · AA
darkish green
On white 5.21:1 · AA
On black 4.03:1 · AA Large
emerald
On white 3.43:1 · AA Large
On black 6.13:1 · AA
true green
On white 4:1 · AA Large
On black 5.25:1 · AA
dark sea green
On white 4.52:1 · AA
On black 4.65:1 · AA
tree green
On white 5.13:1 · AA
On black 4.1:1 · AA Large
irish green
On white 3.94:1 · AA Large
On black 5.33:1 · AA
kelley green
On white 4.02:1 · AA Large
On black 5.23:1 · AA
emerald green
On white 4.24:1 · AA Large
On black 4.95:1 · AA
pine
On white 7.73:1 · AAA
On black 2.72:1 · Fail
jungle green
On white 4.91:1 · AA
On black 4.28:1 · AA Large
spruce
On white 7.76:1 · AAA
On black 2.71:1 · Fail
forest
On white 9.06:1 · AAA
On black 2.32:1 · Fail
deep green
On white 8.61:1 · AAA
On black 2.44:1 · Fail
pine green
On white 10.72:1 · AAA
On black 1.96:1 · Fail
bottle green
On white 10.57:1 · AAA
On black 1.99:1 · Fail
british racing green
On white 10.83:1 · AAA
On black 1.94:1 · Fail
forest green
On white 10.97:1 · AAA
On black 1.91:1 · Fail
evergreen
On white 10.82:1 · AAA
On black 1.94:1 · Fail
forrest green
On white 11.28:1 · AAA
On black 1.86:1 · Fail
hunter green
On white 11.99:1 · AAA
On black 1.75:1 · Fail
racing green
On white 11.19:1 · AAA
On black 1.88:1 · Fail
dark green
On white 13.88:1 · AAA
On black 1.51:1 · Fail
very dark green
On white 15:1 · AAA
On black 1.4:1 · Fail
dark forest green
On white 15.25:1 · AAA
On black 1.38:1 · Fail
Copy the whole palette
Every green color on this page, ready to paste into your project.
CSS
:root {
--palegreen: #98fb98;
--aquamarine: #7fffd4;
--lightgreen: #90ee90;
--darkseagreen: #8fbc8f;
--mediumaquamarine: #66cdaa;
--lime: #00ff00;
--limegreen: #32cd32;
--springgreen: #00ff7f;
--mediumspringgreen: #00fa9a;
--mediumseagreen: #3cb371;
--seagreen: #2e8b57;
--forestgreen: #228b22;
--green: #008000;
--darkgreen: #006400;
--very-light-green: #d1ffbd;
--very-pale-green: #cffdbc;
--pale-aqua: #b8ffeb;
--light-mint: #b6ffbb;
--celadon: #befdb7;
--pale-green: #c7fdb5;
--light-light-green: #c8ffb0;
--light-seafoam-green: #a7ffb5;
--light-mint-green: #a6fbb2;
--light-pastel-green: #b2fba5;
--pale-turquoise: #a5fbd5;
--light-seafoam: #a0febf;
--mint: #9ffeb0;
--pastel-green: #b0ff9d;
--tea-green: #bdf8a3;
--washed-out-green: #bcf5a6;
--light-sage: #bcecac;
--pale-light-green: #b1fc99;
--light-sea-green: #98f6b0;
--mint-green: #8fff9f;
--foam-green: #90fda9;
--baby-green: #8cff9e;
--light-aqua: #8cffdb;
--hospital-green: #9be5aa;
--easter-green: #8cfd7e;
--light-blue-green: #7efbb3;
--seafoam: #80f9ad;
--light-aquamarine: #7bfdc7;
--light-teal: #90e4c1;
--light-green: #96f97b;
--light-bluish-green: #76fda8;
--seafoam-green: #7af9ab;
--light-turquoise: #7ef4cc;
--lighter-green: #75fd63;
--light-greenish-blue: #63f7b4;
--light-green-blue: #56fca2;
--light-bright-green: #53fe5c;
--sea-green: #53fca1;
--pale-teal: #82cbb2;
--light-neon-green: #4efd54;
--seafoam-blue: #78d1b6;
--lightish-green: #61e160;
--greenish-grey: #96ae8d;
--soft-green: #6fc276;
--bright-light-green: #2dfe54;
--sage-green: #88b378;
--greenish-cyan: #2afeb7;
--fresh-green: #69d84f;
--faded-green: #7bb274;
--hot-green: #25ff29;
--greyish-green: #82a67d;
--weird-green: #3ae57f;
--grey-green: #86a17d;
--dusty-green: #76a973;
--greeny-grey: #7ea07a;
--radioactive-green: #2cfa1f;
--wintergreen: #20f986;
--boring-green: #63b365;
--spearmint: #1ef876;
--poison-green: #40fd14;
--tea: #65ab7c;
--greyish-teal: #719f91;
--grey-green: #789b73;
--neon-green: #0cff0c;
--electric-green: #21fc0d;
--toxic-green: #61de2a;
--dark-mint: #48c072;
--dull-green: #74a662;
--fluorescent-green: #08ff08;
--dark-pastel-green: #56ae57;
--bright-sea-green: #05ffa6;
--highlighter-green: #1bfc06;
--minty-green: #0bf77d;
--fluro-green: #0aff02;
--green-grey: #77926f;
--algae: #54ac68;
--bright-green: #01ff07;
--vivid-green: #2fef10;
--greenish-turquoise: #00fbb0;
--green-apple: #5edc1f;
--grey-teal: #5e9b8a;
--fern: #63a950;
--turquoise-green: #04f489;
--off-green: #6ba353;
--greeny-blue: #42b395;
--aqua-green: #12e193;
--leafy-green: #51b73b;
--muted-green: #5fa052;
--slate-green: #658d6d;
--greenish-teal: #32bf84;
--mid-green: #50a747;
--dark-seafoam-green: #3eaf76;
--cool-green: #33b864;
--seaweed: #18d17b;
--tealish-green: #0cdc73;
--greenblue: #23c48b;
--medium-green: #39ad48;
--vibrant-green: #0add08;
--algae-green: #21c36f;
--greenish: #40a368;
--seaweed-green: #35ad6b;
--dark-mint-green: #20c073;
--light-forest-green: #4f9153;
--bluey-green: #2bb179;
--dark-sage: #598556;
--jade-green: #2baf6a;
--ocean-green: #3d9973;
--dark-seafoam: #1fb57a;
--fern-green: #548d44;
--teal-green: #25a36f;
--jade: #1fa774;
--shamrock-green: #02c14d;
--green-teal: #0cb577;
--green-blue: #01c08d;
--bluish-green: #10a674;
--shamrock: #01b44c;
--viridian: #1e9167;
--kelly-green: #02ab2e;
--darkish-green: #287c37;
--emerald: #01a049;
--true-green: #089404;
--dark-sea-green: #11875d;
--tree-green: #2a7e19;
--irish-green: #019529;
--kelley-green: #009337;
--emerald-green: #028f1e;
--pine: #2b5d34;
--jungle-green: #048243;
--spruce: #0a5f38;
--forest: #0b5509;
--deep-green: #02590f;
--pine-green: #0a481e;
--bottle-green: #044a05;
--british-racing-green: #05480d;
--forest-green: #06470c;
--evergreen: #05472a;
--forrest-green: #154406;
--hunter-green: #0b4008;
--racing-green: #014600;
--dark-green: #033500;
--very-dark-green: #062e03;
--dark-forest-green: #002d04;
} SCSS
$palegreen: #98fb98; $aquamarine: #7fffd4; $lightgreen: #90ee90; $darkseagreen: #8fbc8f; $mediumaquamarine: #66cdaa; $lime: #00ff00; $limegreen: #32cd32; $springgreen: #00ff7f; $mediumspringgreen: #00fa9a; $mediumseagreen: #3cb371; $seagreen: #2e8b57; $forestgreen: #228b22; $green: #008000; $darkgreen: #006400; $very-light-green: #d1ffbd; $very-pale-green: #cffdbc; $pale-aqua: #b8ffeb; $light-mint: #b6ffbb; $celadon: #befdb7; $pale-green: #c7fdb5; $light-light-green: #c8ffb0; $light-seafoam-green: #a7ffb5; $light-mint-green: #a6fbb2; $light-pastel-green: #b2fba5; $pale-turquoise: #a5fbd5; $light-seafoam: #a0febf; $mint: #9ffeb0; $pastel-green: #b0ff9d; $tea-green: #bdf8a3; $washed-out-green: #bcf5a6; $light-sage: #bcecac; $pale-light-green: #b1fc99; $light-sea-green: #98f6b0; $mint-green: #8fff9f; $foam-green: #90fda9; $baby-green: #8cff9e; $light-aqua: #8cffdb; $hospital-green: #9be5aa; $easter-green: #8cfd7e; $light-blue-green: #7efbb3; $seafoam: #80f9ad; $light-aquamarine: #7bfdc7; $light-teal: #90e4c1; $light-green: #96f97b; $light-bluish-green: #76fda8; $seafoam-green: #7af9ab; $light-turquoise: #7ef4cc; $lighter-green: #75fd63; $light-greenish-blue: #63f7b4; $light-green-blue: #56fca2; $light-bright-green: #53fe5c; $sea-green: #53fca1; $pale-teal: #82cbb2; $light-neon-green: #4efd54; $seafoam-blue: #78d1b6; $lightish-green: #61e160; $greenish-grey: #96ae8d; $soft-green: #6fc276; $bright-light-green: #2dfe54; $sage-green: #88b378; $greenish-cyan: #2afeb7; $fresh-green: #69d84f; $faded-green: #7bb274; $hot-green: #25ff29; $greyish-green: #82a67d; $weird-green: #3ae57f; $grey-green: #86a17d; $dusty-green: #76a973; $greeny-grey: #7ea07a; $radioactive-green: #2cfa1f; $wintergreen: #20f986; $boring-green: #63b365; $spearmint: #1ef876; $poison-green: #40fd14; $tea: #65ab7c; $greyish-teal: #719f91; $grey-green: #789b73; $neon-green: #0cff0c; $electric-green: #21fc0d; $toxic-green: #61de2a; $dark-mint: #48c072; $dull-green: #74a662; $fluorescent-green: #08ff08; $dark-pastel-green: #56ae57; $bright-sea-green: #05ffa6; $highlighter-green: #1bfc06; $minty-green: #0bf77d; $fluro-green: #0aff02; $green-grey: #77926f; $algae: #54ac68; $bright-green: #01ff07; $vivid-green: #2fef10; $greenish-turquoise: #00fbb0; $green-apple: #5edc1f; $grey-teal: #5e9b8a; $fern: #63a950; $turquoise-green: #04f489; $off-green: #6ba353; $greeny-blue: #42b395; $aqua-green: #12e193; $leafy-green: #51b73b; $muted-green: #5fa052; $slate-green: #658d6d; $greenish-teal: #32bf84; $mid-green: #50a747; $dark-seafoam-green: #3eaf76; $cool-green: #33b864; $seaweed: #18d17b; $tealish-green: #0cdc73; $greenblue: #23c48b; $medium-green: #39ad48; $vibrant-green: #0add08; $algae-green: #21c36f; $greenish: #40a368; $seaweed-green: #35ad6b; $dark-mint-green: #20c073; $light-forest-green: #4f9153; $bluey-green: #2bb179; $dark-sage: #598556; $jade-green: #2baf6a; $ocean-green: #3d9973; $dark-seafoam: #1fb57a; $fern-green: #548d44; $teal-green: #25a36f; $jade: #1fa774; $shamrock-green: #02c14d; $green-teal: #0cb577; $green-blue: #01c08d; $bluish-green: #10a674; $shamrock: #01b44c; $viridian: #1e9167; $kelly-green: #02ab2e; $darkish-green: #287c37; $emerald: #01a049; $true-green: #089404; $dark-sea-green: #11875d; $tree-green: #2a7e19; $irish-green: #019529; $kelley-green: #009337; $emerald-green: #028f1e; $pine: #2b5d34; $jungle-green: #048243; $spruce: #0a5f38; $forest: #0b5509; $deep-green: #02590f; $pine-green: #0a481e; $bottle-green: #044a05; $british-racing-green: #05480d; $forest-green: #06470c; $evergreen: #05472a; $forrest-green: #154406; $hunter-green: #0b4008; $racing-green: #014600; $dark-green: #033500; $very-dark-green: #062e03; $dark-forest-green: #002d04;
Tailwind
theme: {
extend: {
colors: {
"palegreen": "#98fb98",
"aquamarine": "#7fffd4",
"lightgreen": "#90ee90",
"darkseagreen": "#8fbc8f",
"mediumaquamarine": "#66cdaa",
"lime": "#00ff00",
"limegreen": "#32cd32",
"springgreen": "#00ff7f",
"mediumspringgreen": "#00fa9a",
"mediumseagreen": "#3cb371",
"seagreen": "#2e8b57",
"forestgreen": "#228b22",
"green": "#008000",
"darkgreen": "#006400",
"very-light-green": "#d1ffbd",
"very-pale-green": "#cffdbc",
"pale-aqua": "#b8ffeb",
"light-mint": "#b6ffbb",
"celadon": "#befdb7",
"pale-green": "#c7fdb5",
"light-light-green": "#c8ffb0",
"light-seafoam-green": "#a7ffb5",
"light-mint-green": "#a6fbb2",
"light-pastel-green": "#b2fba5",
"pale-turquoise": "#a5fbd5",
"light-seafoam": "#a0febf",
"mint": "#9ffeb0",
"pastel-green": "#b0ff9d",
"tea-green": "#bdf8a3",
"washed-out-green": "#bcf5a6",
"light-sage": "#bcecac",
"pale-light-green": "#b1fc99",
"light-sea-green": "#98f6b0",
"mint-green": "#8fff9f",
"foam-green": "#90fda9",
"baby-green": "#8cff9e",
"light-aqua": "#8cffdb",
"hospital-green": "#9be5aa",
"easter-green": "#8cfd7e",
"light-blue-green": "#7efbb3",
"seafoam": "#80f9ad",
"light-aquamarine": "#7bfdc7",
"light-teal": "#90e4c1",
"light-green": "#96f97b",
"light-bluish-green": "#76fda8",
"seafoam-green": "#7af9ab",
"light-turquoise": "#7ef4cc",
"lighter-green": "#75fd63",
"light-greenish-blue": "#63f7b4",
"light-green-blue": "#56fca2",
"light-bright-green": "#53fe5c",
"sea-green": "#53fca1",
"pale-teal": "#82cbb2",
"light-neon-green": "#4efd54",
"seafoam-blue": "#78d1b6",
"lightish-green": "#61e160",
"greenish-grey": "#96ae8d",
"soft-green": "#6fc276",
"bright-light-green": "#2dfe54",
"sage-green": "#88b378",
"greenish-cyan": "#2afeb7",
"fresh-green": "#69d84f",
"faded-green": "#7bb274",
"hot-green": "#25ff29",
"greyish-green": "#82a67d",
"weird-green": "#3ae57f",
"grey-green": "#86a17d",
"dusty-green": "#76a973",
"greeny-grey": "#7ea07a",
"radioactive-green": "#2cfa1f",
"wintergreen": "#20f986",
"boring-green": "#63b365",
"spearmint": "#1ef876",
"poison-green": "#40fd14",
"tea": "#65ab7c",
"greyish-teal": "#719f91",
"grey-green": "#789b73",
"neon-green": "#0cff0c",
"electric-green": "#21fc0d",
"toxic-green": "#61de2a",
"dark-mint": "#48c072",
"dull-green": "#74a662",
"fluorescent-green": "#08ff08",
"dark-pastel-green": "#56ae57",
"bright-sea-green": "#05ffa6",
"highlighter-green": "#1bfc06",
"minty-green": "#0bf77d",
"fluro-green": "#0aff02",
"green-grey": "#77926f",
"algae": "#54ac68",
"bright-green": "#01ff07",
"vivid-green": "#2fef10",
"greenish-turquoise": "#00fbb0",
"green-apple": "#5edc1f",
"grey-teal": "#5e9b8a",
"fern": "#63a950",
"turquoise-green": "#04f489",
"off-green": "#6ba353",
"greeny-blue": "#42b395",
"aqua-green": "#12e193",
"leafy-green": "#51b73b",
"muted-green": "#5fa052",
"slate-green": "#658d6d",
"greenish-teal": "#32bf84",
"mid-green": "#50a747",
"dark-seafoam-green": "#3eaf76",
"cool-green": "#33b864",
"seaweed": "#18d17b",
"tealish-green": "#0cdc73",
"greenblue": "#23c48b",
"medium-green": "#39ad48",
"vibrant-green": "#0add08",
"algae-green": "#21c36f",
"greenish": "#40a368",
"seaweed-green": "#35ad6b",
"dark-mint-green": "#20c073",
"light-forest-green": "#4f9153",
"bluey-green": "#2bb179",
"dark-sage": "#598556",
"jade-green": "#2baf6a",
"ocean-green": "#3d9973",
"dark-seafoam": "#1fb57a",
"fern-green": "#548d44",
"teal-green": "#25a36f",
"jade": "#1fa774",
"shamrock-green": "#02c14d",
"green-teal": "#0cb577",
"green-blue": "#01c08d",
"bluish-green": "#10a674",
"shamrock": "#01b44c",
"viridian": "#1e9167",
"kelly-green": "#02ab2e",
"darkish-green": "#287c37",
"emerald": "#01a049",
"true-green": "#089404",
"dark-sea-green": "#11875d",
"tree-green": "#2a7e19",
"irish-green": "#019529",
"kelley-green": "#009337",
"emerald-green": "#028f1e",
"pine": "#2b5d34",
"jungle-green": "#048243",
"spruce": "#0a5f38",
"forest": "#0b5509",
"deep-green": "#02590f",
"pine-green": "#0a481e",
"bottle-green": "#044a05",
"british-racing-green": "#05480d",
"forest-green": "#06470c",
"evergreen": "#05472a",
"forrest-green": "#154406",
"hunter-green": "#0b4008",
"racing-green": "#014600",
"dark-green": "#033500",
"very-dark-green": "#062e03",
"dark-forest-green": "#002d04",
}
}
} Browse other color families
Copied
Green color names
True green spans hue 100–165°, from emerald and forest through mint and sea green to the teal-leaning shades. It is the family most tied to meaning in interfaces: success, growth, safety and the natural world.
Using these colors
Green pairs with warm neutrals, cream and wood tones for an organic feel, or with charcoal and white for a clinical one. Deep greens make excellent alternatives to navy as a primary brand colour. Because green carries such a strong ‘success’ connotation on screen, be careful using it decoratively where users may read it as a status.
Contrast and accessibility
Mid greens frequently sit just under 4.5:1 on white — check the ratios rather than assuming. Dark forest greens are reliable text colours. Most importantly, green and red are the classic confusion pair for colour-blind users, so success and error states must differ by more than hue alone.