Sign Up Sign Up
Wet Sandwich

Wet Sandwich

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Wet Sandwich

8-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Vibrant 8 colors Neutral Mixed Complementary 8color sandwich wetsandwich
Likes 33
Colors 8

CSS variables

:root {
  --c-vibrant-1: #11130F;
  --c-vibrant-2: #334460;
  --c-vibrant-3: #0B8B7F;
  --c-vibrant-4: #82F2A8;
  --c-vibrant-5: #E9ECB1;
  --c-vibrant-6: #F69D3A;
  --c-vibrant-7: #85113F;
  --c-vibrant-8: #420854;
}

About this palette

This 8-color vibrant palette runs from Bottlebrush Blossom (#E9ECB1) as its lightest tone to Glimpse Into Space (#11130F) as its darkest. It blends Glimpse Into Space, Spelunking, Porcelain Green, Esper’s Fungus Green, Bottlebrush Blossom, Chat Orange, Manually Pressed Grapes and Clairvoyant into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #11130F on #E9ECB1 at 15.21:1.

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

Color breakdown

Glimpse Into Space #11130F
RGB
rgb(17, 19, 15)
HSL
hsl(90, 12%, 7%)
Luminance
0.006
Spelunking #334460
RGB
rgb(51, 68, 96)
HSL
hsl(217, 31%, 29%)
Luminance
0.057
Porcelain Green #0B8B7F
RGB
rgb(11, 139, 127)
HSL
hsl(174, 85%, 29%)
Luminance
0.201
Esper’s Fungus Green #82F2A8
RGB
rgb(130, 242, 168)
HSL
hsl(140, 81%, 73%)
Luminance
0.711
Bottlebrush Blossom #E9ECB1
RGB
rgb(233, 236, 177)
HSL
hsl(63, 61%, 81%)
Luminance
0.805
Chat Orange #F69D3A
RGB
rgb(246, 157, 58)
HSL
hsl(32, 91%, 60%)
Luminance
0.440
Manually Pressed Grapes #85113F
RGB
rgb(133, 17, 63)
HSL
hsl(336, 77%, 29%)
Luminance
0.058
Clairvoyant #420854
RGB
rgb(66, 8, 84)
HSL
hsl(286, 83%, 18%)
Luminance
0.020

Contrast & accessibility

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

Aa #11130F on #E9ECB1 15.21:1 AAA
Aa #11130F on #82F2A8 13.54:1 AAA
Aa #E9ECB1 on #420854 12.26:1 AAA
Aa #82F2A8 on #420854 10.91:1 AAA
Aa #11130F on #F69D3A 8.72:1 AAA
Aa #334460 on #E9ECB1 8.00:1 AAA
Aa #E9ECB1 on #85113F 7.96:1 AAA
Aa #334460 on #82F2A8 7.12:1 AAA
Aa #82F2A8 on #85113F 7.08:1 AAA
Aa #F69D3A on #420854 7.03:1 AAA
Aa #334460 on #F69D3A 4.59:1 AA
Aa #F69D3A on #85113F 4.56:1 AA
Aa #11130F on #0B8B7F 4.46:1 AA Large
Aa #0B8B7F on #420854 3.60:1 AA Large
Aa #0B8B7F on #E9ECB1 3.41:1 AA Large
Aa #0B8B7F on #82F2A8 3.03:1 AA Large
Aa #334460 on #0B8B7F 2.35:1 Fail
Aa #0B8B7F on #85113F 2.33:1 Fail
Aa #0B8B7F on #F69D3A 1.96:1 Fail
Aa #11130F on #85113F 1.91:1 Fail
Aa #11130F on #334460 1.90:1 Fail
Aa #E9ECB1 on #F69D3A 1.74:1 Fail
Aa #82F2A8 on #F69D3A 1.55:1 Fail
Aa #85113F on #420854 1.54:1 Fail
Aa #334460 on #420854 1.53:1 Fail
Aa #11130F on #420854 1.24:1 Fail
Aa #82F2A8 on #E9ECB1 1.12:1 Fail
Aa #334460 on #85113F 1.01:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors