Sign Up Sign Up
Gooseberry Ghost

Gooseberry Ghost

8-color palette · Warm · Mixed · Triadic harmony

Back to Library

Gooseberry Ghost

8-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Vibrant 8 colors Warm Mixed Triadic green ghost spooky dull
Likes 39
Colors 8

CSS variables

:root {
  --c-vibrant-1: #988277;
  --c-vibrant-2: #645543;
  --c-vibrant-3: #45381C;
  --c-vibrant-4: #201C02;
  --c-vibrant-5: #F1FFAF;
  --c-vibrant-6: #B2F167;
  --c-vibrant-7: #25C04B;
  --c-vibrant-8: #006A3D;
}

About this palette

This 8-color vibrant palette runs from Hawthorn Blossom (#F1FFAF) as its lightest tone to Liquorice Root (#201C02) as its darkest. It blends Flower Wood, Sandalwood, Lisbon Brown, Liquorice Root, Hawthorn Blossom, Inchworm, Vegan Mastermind and Cadmium Green into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #201C02 on #F1FFAF at 16.01:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Flower Wood #988277
RGB
rgb(152, 130, 119)
HSL
hsl(20, 14%, 53%)
Luminance
0.240
Sandalwood #645543
RGB
rgb(100, 85, 67)
HSL
hsl(33, 20%, 33%)
Luminance
0.096
Lisbon Brown #45381C
RGB
rgb(69, 56, 28)
HSL
hsl(41, 42%, 19%)
Luminance
0.042
Liquorice Root #201C02
RGB
rgb(32, 28, 2)
HSL
hsl(52, 88%, 7%)
Luminance
0.011
Hawthorn Blossom #F1FFAF
RGB
rgb(241, 255, 175)
HSL
hsl(71, 100%, 84%)
Luminance
0.933
Inchworm #B2F167
RGB
rgb(178, 241, 103)
HSL
hsl(87, 83%, 67%)
Luminance
0.734
Vegan Mastermind #25C04B
RGB
rgb(37, 192, 75)
HSL
hsl(135, 68%, 45%)
Luminance
0.386
Cadmium Green #006A3D
RGB
rgb(0, 106, 61)
HSL
hsl(155, 100%, 21%)
Luminance
0.106

Contrast & accessibility

11 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #201C02 on #F1FFAF 16.01:1 AAA
Aa #201C02 on #B2F167 12.76:1 AAA
Aa #45381C on #F1FFAF 10.71:1 AAA
Aa #45381C on #B2F167 8.54:1 AAA
Aa #201C02 on #25C04B 7.10:1 AAA
Aa #645543 on #F1FFAF 6.73:1 AA
Aa #F1FFAF on #006A3D 6.28:1 AA
Aa #645543 on #B2F167 5.36:1 AA
Aa #B2F167 on #006A3D 5.01:1 AA
Aa #45381C on #25C04B 4.75:1 AA
Aa #988277 on #201C02 4.72:1 AA
Aa #988277 on #F1FFAF 3.39:1 AA Large
Aa #988277 on #45381C 3.16:1 AA Large
Aa #645543 on #25C04B 2.98:1 Fail
Aa #25C04B on #006A3D 2.79:1 Fail
Aa #988277 on #B2F167 2.70:1 Fail
Aa #201C02 on #006A3D 2.55:1 Fail
Aa #645543 on #201C02 2.38:1 Fail
Aa #F1FFAF on #25C04B 2.25:1 Fail
Aa #988277 on #645543 1.98:1 Fail
Aa #988277 on #006A3D 1.85:1 Fail
Aa #B2F167 on #25C04B 1.80:1 Fail
Aa #45381C on #006A3D 1.70:1 Fail
Aa #645543 on #45381C 1.59:1 Fail
Aa #988277 on #25C04B 1.50:1 Fail
Aa #45381C on #201C02 1.49:1 Fail
Aa #F1FFAF on #B2F167 1.25:1 Fail
Aa #645543 on #006A3D 1.07:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors