Harvest Table
A complete five-role scheme. warm and earthy in character — tagged for food, restaurants.
primary
#b45309 secondary
#e7b75f accent
#3f6212 background
#fefaf2 text
#3a2205 AcmeSign up
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',
}