Lakeside Cabin
A complete five-role scheme. cozy and grounded in character — tagged for travel, interior.
#3f5d45 #94ab8d #c77b3f #f7f6ef #1e2b21 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',
}Best text pairings
The strongest foreground/background combinations in Lakeside Cabin, 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.
#1e2b21 on #f7f6ef Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#3f5d45 on #f7f6ef Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#1e2b21 on #94ab8d Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — suits large text and UI accents only.
#1e2b21 on #c77b3f