Chalkboard
A complete five-role scheme. friendly and grounded in character — tagged for education, nonprofit.
#2e5e4e #7ea08f #e9b44c #f9f7f0 #1c2f27 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 | #2e5e4e | 46, 94, 78 | 160°, 34%, 27% |
| secondary | #7ea08f | 126, 160, 143 | 150°, 15%, 56% |
| accent | #e9b44c | 233, 180, 76 | 40°, 78%, 61% |
| background | #f9f7f0 | 249, 247, 240 | 47°, 43%, 96% |
| text | #1c2f27 | 28, 47, 39 | 155°, 25%, 15% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 13.19 | AAA |
| primary on background | 6.93 | AA |
| secondary on background | 2.68 | fail |
| accent on background | 1.77 | fail |
| background on primary | 6.93 | AA |
| background on accent | 1.77 | fail |
CSS variables
:root {
--color-primary: #2e5e4e;
--color-secondary: #7ea08f;
--color-accent: #e9b44c;
--color-bg: #f9f7f0;
--color-text: #1c2f27;
}Tailwind
colors: {
primary: '#2e5e4e',
secondary: '#7ea08f',
accent: '#e9b44c',
background: '#f9f7f0',
text: '#1c2f27',
}Best text pairings
The strongest foreground/background combinations in Chalkboard, 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.
#1c2f27 on #f9f7f0 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — clears AAA comfortably.
#1c2f27 on #e9b44c Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#2e5e4e on #f9f7f0 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#1c2f27 on #7ea08f