Chalkboard
A complete five-role scheme. friendly and grounded in character — tagged for education, nonprofit.
primary
#2e5e4e secondary
#7ea08f accent
#e9b44c background
#f9f7f0 text
#1c2f27 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 | #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',
}