Harvest Table
A complete five-role scheme. warm and earthy in character — tagged for food, restaurants.
#b45309 #e7b75f #3f6212 #fefaf2 #3a2205 Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #b45309 | 180, 83, 9 | 26°, 90%, 37% |
| secondary | #e7b75f | 231, 183, 95 | 39°, 74%, 64% |
| accent | #3f6212 | 63, 98, 18 | 86°, 69%, 23% |
| background | #fefaf2 | 254, 250, 242 | 40°, 86%, 97% |
| text | #3a2205 | 58, 34, 5 | 33°, 84%, 12% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.30 | AAA |
| primary on background | 4.82 | AA |
| secondary on background | 1.78 | fail |
| accent on background | 6.80 | AA |
| background on primary | 4.82 | AA |
| background on accent | 6.80 | AA |
CSS variables
:root {
--color-primary: #b45309;
--color-secondary: #e7b75f;
--color-accent: #3f6212;
--color-bg: #fefaf2;
--color-text: #3a2205;
}Tailwind
colors: {
primary: '#b45309',
secondary: '#e7b75f',
accent: '#3f6212',
background: '#fefaf2',
text: '#3a2205',
}Best text pairings
The strongest foreground/background combinations in Harvest Table, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on background — clears AAA comfortably.
#3a2205 on #fefaf2 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — clears AAA comfortably.
#3a2205 on #e7b75f Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — accent on background — meets AA for body text.
#3f6212 on #fefaf2 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#b45309 on #fefaf2