Gnocchi Beige
#FFEEB9
6 Bit / 12 Colour Challenge
12-color palette · Neutral temperature · Mixed tone · Complementary harmony
Likes
16
Colors
12
CSS variables
:root {
--c-earthy-1: #FFEEB9;
--c-earthy-2: #BD4B4B;
--c-earthy-3: #442242;
--c-earthy-4: #1AB11D;
--c-earthy-5: #286440;
--c-earthy-6: #133542;
--c-earthy-7: #675C85;
--c-earthy-8: #251E3C;
--c-earthy-9: #1E132C;
--c-earthy-10: #B5B4D3;
--c-earthy-11: #6B6A7C;
--c-earthy-12: #232328;
}About this palette
This 12-color earthy palette runs from Gnocchi Beige (#FFEEB9) as its lightest tone to Blacklist (#1E132C) as its darkest. It blends Gnocchi Beige, Ladybug, Purple Void, Pikkoro Green, Fairway Green, Firmament Blue, Kimberly, Throat, Blacklist, Hundred Waters, Wind Cave and Dark Gunmetal into a single set you can drop straight into a UI. Of its 66 color pairings, 18 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFEEB9 on #1E132C at 15.35:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Ladybug
#BD4B4B
Purple Void
#442242
Pikkoro Green
#1AB11D
Fairway Green
#286440
Firmament Blue
#133542
Kimberly
#675C85
Throat
#251E3C
Blacklist
#1E132C
Hundred Waters
#B5B4D3
Wind Cave
#6B6A7C
Dark Gunmetal
#232328
Contrast & accessibility
18 of 66 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa
#FFEEB9 on #1E132C
15.35:1
AAA
Aa
#FFEEB9 on #251E3C
13.67:1
AAA
Aa
#FFEEB9 on #232328
13.54:1
AAA
Aa
#FFEEB9 on #442242
11.71:1
AAA
Aa
#FFEEB9 on #133542
11.25:1
AAA
Aa
#1E132C on #B5B4D3
8.81:1
AAA
Aa
#251E3C on #B5B4D3
7.85:1
AAA
Aa
#B5B4D3 on #232328
7.77:1
AAA
Aa
#442242 on #B5B4D3
6.72:1
AA
Aa
#133542 on #B5B4D3
6.46:1
AA
Aa
#1AB11D on #1E132C
6.20:1
AA
Aa
#FFEEB9 on #286440
6.09:1
AA
Aa
#1AB11D on #251E3C
5.53:1
AA
Aa
#1AB11D on #232328
5.48:1
AA
Aa
#FFEEB9 on #675C85
5.28:1
AA
Aa
#442242 on #1AB11D
4.73:1
AA
Aa
#FFEEB9 on #6B6A7C
4.57:1
AA
Aa
#1AB11D on #133542
4.55:1
AA
Aa
#FFEEB9 on #BD4B4B
4.26:1
AA Large
Aa
#BD4B4B on #1E132C
3.61:1
AA Large
Aa
#286440 on #B5B4D3
3.49:1
AA Large
Aa
#1E132C on #6B6A7C
3.36:1
AA Large
Aa
#BD4B4B on #251E3C
3.21:1
AA Large
Aa
#BD4B4B on #232328
3.18:1
AA Large
Aa
#675C85 on #B5B4D3
3.03:1
AA Large
Aa
#251E3C on #6B6A7C
2.99:1
Fail
Aa
#6B6A7C on #232328
2.96:1
Fail
Aa
#675C85 on #1E132C
2.91:1
Fail
Aa
#BD4B4B on #442242
2.75:1
Fail
Aa
#BD4B4B on #133542
2.64:1
Fail
Aa
#B5B4D3 on #6B6A7C
2.62:1
Fail
Aa
#675C85 on #251E3C
2.59:1
Fail
Aa
#675C85 on #232328
2.57:1
Fail
Aa
#442242 on #6B6A7C
2.56:1
Fail
Aa
#286440 on #1E132C
2.52:1
Fail
Aa
#FFEEB9 on #1AB11D
2.47:1
Fail
Aa
#1AB11D on #286440
2.46:1
Fail
Aa
#133542 on #6B6A7C
2.46:1
Fail
Aa
#BD4B4B on #B5B4D3
2.44:1
Fail
Aa
#286440 on #251E3C
2.25:1
Fail
Aa
#286440 on #232328
2.23:1
Fail
Aa
#442242 on #675C85
2.22:1
Fail
Aa
#1AB11D on #675C85
2.13:1
Fail
Aa
#133542 on #675C85
2.13:1
Fail
Aa
#442242 on #286440
1.92:1
Fail
Aa
#1AB11D on #6B6A7C
1.85:1
Fail
Aa
#286440 on #133542
1.85:1
Fail
Aa
#FFEEB9 on #B5B4D3
1.74:1
Fail
Aa
#BD4B4B on #1AB11D
1.72:1
Fail
Aa
#BD4B4B on #286440
1.43:1
Fail
Aa
#1AB11D on #B5B4D3
1.42:1
Fail
Aa
#133542 on #1E132C
1.36:1
Fail
Aa
#286440 on #6B6A7C
1.33:1
Fail
Aa
#442242 on #1E132C
1.31:1
Fail
Aa
#BD4B4B on #675C85
1.24:1
Fail
Aa
#133542 on #251E3C
1.22:1
Fail
Aa
#133542 on #232328
1.20:1
Fail
Aa
#442242 on #251E3C
1.17:1
Fail
Aa
#442242 on #232328
1.16:1
Fail
Aa
#286440 on #675C85
1.15:1
Fail
Aa
#675C85 on #6B6A7C
1.15:1
Fail
Aa
#1E132C on #232328
1.13:1
Fail
Aa
#251E3C on #1E132C
1.12:1
Fail
Aa
#BD4B4B on #6B6A7C
1.07:1
Fail
Aa
#442242 on #133542
1.04:1
Fail
Aa
#251E3C on #232328
1.01:1
Fail
Similar palettes
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6