Lakeside Cabin
A complete five-role scheme. cozy and grounded in character — tagged for travel, interior.
primary
#3f5d45 secondary
#94ab8d accent
#c77b3f background
#f7f6ef text
#1e2b21 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 | #3f5d45 | 63, 93, 69 | 132°, 19%, 31% |
| secondary | #94ab8d | 148, 171, 141 | 106°, 15%, 61% |
| accent | #c77b3f | 199, 123, 63 | 26°, 55%, 51% |
| background | #f7f6ef | 247, 246, 239 | 53°, 33%, 95% |
| text | #1e2b21 | 30, 43, 33 | 134°, 18%, 14% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 13.62 | AAA |
| primary on background | 6.77 | AA |
| secondary on background | 2.29 | fail |
| accent on background | 3.06 | AA-large |
| background on primary | 6.77 | AA |
| background on accent | 3.06 | AA-large |
CSS variables
:root {
--color-primary: #3f5d45;
--color-secondary: #94ab8d;
--color-accent: #c77b3f;
--color-bg: #f7f6ef;
--color-text: #1e2b21;
}Tailwind
colors: {
primary: '#3f5d45',
secondary: '#94ab8d',
accent: '#c77b3f',
background: '#f7f6ef',
text: '#1e2b21',
}