Forest Ledger
A complete five-role scheme. trustworthy and natural in character — tagged for finance, restaurants.
#1e5631 #88a984 #d9a441 #f6f8f4 #16241a 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 | #1e5631 | 30, 86, 49 | 140°, 48%, 23% |
| secondary | #88a984 | 136, 169, 132 | 114°, 18%, 59% |
| accent | #d9a441 | 217, 164, 65 | 39°, 67%, 55% |
| background | #f6f8f4 | 246, 248, 244 | 90°, 22%, 96% |
| text | #16241a | 22, 36, 26 | 137°, 24%, 11% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 15.10 | AAA |
| primary on background | 8.08 | AAA |
| secondary on background | 2.44 | fail |
| accent on background | 2.10 | fail |
| background on primary | 8.08 | AAA |
| background on accent | 2.10 | fail |
CSS variables
:root {
--color-primary: #1e5631;
--color-secondary: #88a984;
--color-accent: #d9a441;
--color-bg: #f6f8f4;
--color-text: #16241a;
}Tailwind
colors: {
primary: '#1e5631',
secondary: '#88a984',
accent: '#d9a441',
background: '#f6f8f4',
text: '#16241a',
}Best text pairings
The strongest foreground/background combinations in Forest Ledger, 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.
#16241a on #f6f8f4 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — clears AAA comfortably.
#1e5631 on #f6f8f4 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — clears AAA comfortably.
#16241a on #d9a441 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#16241a on #88a984