Polaroid Fade
A complete five-role scheme. cozy and soft in character — tagged for photography, cafe.
primary
#b07d4a secondary
#d9b98c accent
#5a7d8c background
#f9f4ea text
#2e2115 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 | #b07d4a | 176, 125, 74 | 30°, 41%, 49% |
| secondary | #d9b98c | 217, 185, 140 | 35°, 50%, 70% |
| accent | #5a7d8c | 90, 125, 140 | 198°, 22%, 45% |
| background | #f9f4ea | 249, 244, 234 | 40°, 56%, 95% |
| text | #2e2115 | 46, 33, 21 | 29°, 37%, 13% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.25 | AAA |
| primary on background | 3.26 | AA-large |
| secondary on background | 1.70 | fail |
| accent on background | 4.04 | AA-large |
| background on primary | 3.26 | AA-large |
| background on accent | 4.04 | AA-large |
CSS variables
:root {
--color-primary: #b07d4a;
--color-secondary: #d9b98c;
--color-accent: #5a7d8c;
--color-bg: #f9f4ea;
--color-text: #2e2115;
}Tailwind
colors: {
primary: '#b07d4a',
secondary: '#d9b98c',
accent: '#5a7d8c',
background: '#f9f4ea',
text: '#2e2115',
}