Sign Up Sign Up
OneBit Adventure Default

OneBit Adventure Default

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

OneBit Adventure Default

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

Modify
Earthy 8 colors Neutral Mixed Complementary software
Likes 15
Colors 8

CSS variables

:root {
  --c-earthy-1: #272744;
  --c-earthy-2: #494D7E;
  --c-earthy-3: #8B6D9C;
  --c-earthy-4: #C69FA5;
  --c-earthy-5: #F2D3AB;
  --c-earthy-6: #4B58DE;
  --c-earthy-7: #EB3B67;
  --c-earthy-8: #8CDD4A;
}

About this palette

This 8-color earthy palette runs from Pekin Chicken (#F2D3AB) as its lightest tone to Valhalla (#272744) as its darkest. It blends Valhalla, Highlands Twilight, Bitter Violet, Beauty Secret, Pekin Chicken, Warm Blue, Eugenia Red and Lilliputian Lime 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 #272744 on #F2D3AB at 10.06:1.

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

Color breakdown

Valhalla #272744
RGB
rgb(39, 39, 68)
HSL
hsl(240, 27%, 21%)
Luminance
0.023
Highlands Twilight #494D7E
RGB
rgb(73, 77, 126)
HSL
hsl(235, 27%, 39%)
Luminance
0.082
Bitter Violet #8B6D9C
RGB
rgb(139, 109, 156)
HSL
hsl(278, 19%, 52%)
Luminance
0.188
Beauty Secret #C69FA5
RGB
rgb(198, 159, 165)
HSL
hsl(351, 25%, 70%)
Luminance
0.395
Pekin Chicken #F2D3AB
RGB
rgb(242, 211, 171)
HSL
hsl(34, 73%, 81%)
Luminance
0.684
Warm Blue #4B58DE
RGB
rgb(75, 88, 222)
HSL
hsl(235, 69%, 58%)
Luminance
0.138
Eugenia Red #EB3B67
RGB
rgb(235, 59, 103)
HSL
hsl(345, 81%, 58%)
Luminance
0.218
Lilliputian Lime #8CDD4A
RGB
rgb(140, 221, 74)
HSL
hsl(93, 68%, 58%)
Luminance
0.578

Contrast & accessibility

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

Aa #272744 on #F2D3AB 10.06:1 AAA
Aa #272744 on #8CDD4A 8.60:1 AAA
Aa #272744 on #C69FA5 6.10:1 AA
Aa #494D7E on #F2D3AB 5.55:1 AA
Aa #494D7E on #8CDD4A 4.75:1 AA
Aa #F2D3AB on #4B58DE 3.92:1 AA Large
Aa #272744 on #EB3B67 3.67:1 AA Large
Aa #494D7E on #C69FA5 3.36:1 AA Large
Aa #4B58DE on #8CDD4A 3.35:1 AA Large
Aa #272744 on #8B6D9C 3.26:1 AA Large
Aa #8B6D9C on #F2D3AB 3.08:1 AA Large
Aa #F2D3AB on #EB3B67 2.74:1 Fail
Aa #8B6D9C on #8CDD4A 2.63:1 Fail
Aa #272744 on #4B58DE 2.57:1 Fail
Aa #C69FA5 on #4B58DE 2.37:1 Fail
Aa #EB3B67 on #8CDD4A 2.35:1 Fail
Aa #494D7E on #EB3B67 2.02:1 Fail
Aa #8B6D9C on #C69FA5 1.87:1 Fail
Aa #272744 on #494D7E 1.81:1 Fail
Aa #494D7E on #8B6D9C 1.80:1 Fail
Aa #C69FA5 on #EB3B67 1.66:1 Fail
Aa #C69FA5 on #F2D3AB 1.65:1 Fail
Aa #4B58DE on #EB3B67 1.43:1 Fail
Aa #494D7E on #4B58DE 1.42:1 Fail
Aa #C69FA5 on #8CDD4A 1.41:1 Fail
Aa #8B6D9C on #4B58DE 1.27:1 Fail
Aa #F2D3AB on #8CDD4A 1.17:1 Fail
Aa #8B6D9C on #EB3B67 1.12: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