Sign Up Sign Up
Lloyd's 3 Bit

Lloyd's 3 Bit

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Lloyd's 3 Bit

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

Modify
Earthy 8 colors Warm Mixed Complementary soft limited 8color retro
Likes 21
Colors 8

CSS variables

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #FF5D5D;
  --c-earthy-3: #FEFF5D;
  --c-earthy-4: #5DFF71;
  --c-earthy-5: #5D66FF;
  --c-earthy-6: #A5B0B5;
  --c-earthy-7: #9F6E4A;
  --c-earthy-8: #17161B;
}

About this palette

This 8-color earthy palette runs from White (#FFFFFF) as its lightest tone to Piano Black (#17161B) as its darkest. It blends White, Fusion Red, Candy Corn, Screamin’ Green, Blue Heath Butterfly, Stardew, Standing Still and Piano Black into a single set you can drop straight into a UI. Of its 28 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #17161B at 17.99:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Fusion Red #FF5D5D
RGB
rgb(255, 93, 93)
HSL
hsl(0, 100%, 68%)
Luminance
0.299
Candy Corn #FEFF5D
RGB
rgb(254, 255, 93)
HSL
hsl(60, 100%, 68%)
Luminance
0.934
Screamin’ Green #5DFF71
RGB
rgb(93, 255, 113)
HSL
hsl(127, 100%, 68%)
Luminance
0.750
Blue Heath Butterfly #5D66FF
RGB
rgb(93, 102, 255)
HSL
hsl(237, 100%, 68%)
Luminance
0.191
Stardew #A5B0B5
RGB
rgb(165, 176, 181)
HSL
hsl(199, 10%, 68%)
Luminance
0.424
Standing Still #9F6E4A
RGB
rgb(159, 110, 74)
HSL
hsl(25, 36%, 46%)
Luminance
0.190
Piano Black #17161B
RGB
rgb(23, 22, 27)
HSL
hsl(252, 10%, 10%)
Luminance
0.008

Contrast & accessibility

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

Aa #FFFFFF on #17161B 17.99:1 AAA
Aa #FEFF5D on #17161B 16.86:1 AAA
Aa #5DFF71 on #17161B 13.72:1 AAA
Aa #A5B0B5 on #17161B 8.12:1 AAA
Aa #FF5D5D on #17161B 5.98:1 AA
Aa #FFFFFF on #5D66FF 4.37:1 AA Large
Aa #FFFFFF on #9F6E4A 4.37:1 AA Large
Aa #5D66FF on #17161B 4.12:1 AA Large
Aa #9F6E4A on #17161B 4.12:1 AA Large
Aa #FEFF5D on #9F6E4A 4.10:1 AA Large
Aa #FEFF5D on #5D66FF 4.09:1 AA Large
Aa #5DFF71 on #5D66FF 3.33:1 AA Large
Aa #5DFF71 on #9F6E4A 3.33:1 AA Large
Aa #FFFFFF on #FF5D5D 3.01:1 AA Large
Aa #FF5D5D on #FEFF5D 2.82:1 Fail
Aa #FF5D5D on #5DFF71 2.29:1 Fail
Aa #FFFFFF on #A5B0B5 2.22:1 Fail
Aa #FEFF5D on #A5B0B5 2.08:1 Fail
Aa #5D66FF on #A5B0B5 1.97:1 Fail
Aa #A5B0B5 on #9F6E4A 1.97:1 Fail
Aa #5DFF71 on #A5B0B5 1.69:1 Fail
Aa #FF5D5D on #5D66FF 1.45:1 Fail
Aa #FF5D5D on #9F6E4A 1.45:1 Fail
Aa #FF5D5D on #A5B0B5 1.36:1 Fail
Aa #FFFFFF on #5DFF71 1.31:1 Fail
Aa #FEFF5D on #5DFF71 1.23:1 Fail
Aa #FFFFFF on #FEFF5D 1.07:1 Fail
Aa #5D66FF on #9F6E4A 1.00: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