Fig & Linen
A complete five-role scheme. elegant and warm and romantic in character — tagged for wedding, beauty.
primary
#6b3fa0 secondary
#b39bc8 accent
#e8b04b background
#faf7f2 text
#2c2135 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 | #6b3fa0 | 107, 63, 160 | 267°, 43%, 44% |
| secondary | #b39bc8 | 179, 155, 200 | 272°, 29%, 70% |
| accent | #e8b04b | 232, 176, 75 | 39°, 77%, 60% |
| background | #faf7f2 | 250, 247, 242 | 38°, 44%, 96% |
| text | #2c2135 | 44, 33, 53 | 273°, 23%, 17% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.28 | AAA |
| primary on background | 6.91 | AA |
| secondary on background | 2.33 | fail |
| accent on background | 1.83 | fail |
| background on primary | 6.91 | AA |
| background on accent | 1.83 | fail |
CSS variables
:root {
--color-primary: #6b3fa0;
--color-secondary: #b39bc8;
--color-accent: #e8b04b;
--color-bg: #faf7f2;
--color-text: #2c2135;
}Tailwind
colors: {
primary: '#6b3fa0',
secondary: '#b39bc8',
accent: '#e8b04b',
background: '#faf7f2',
text: '#2c2135',
}