Study Hall
A complete five-role scheme. calming and grounded in character — tagged for education, consulting.
#4a5d82 #9dabc4 #c98d3c #faf6ec #232b3a 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 | #4a5d82 | 74, 93, 130 | 220°, 27%, 40% |
| secondary | #9dabc4 | 157, 171, 196 | 218°, 25%, 69% |
| accent | #c98d3c | 201, 141, 60 | 34°, 57%, 51% |
| background | #faf6ec | 250, 246, 236 | 43°, 58%, 95% |
| text | #232b3a | 35, 43, 58 | 219°, 25%, 18% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 13.16 | AAA |
| primary on background | 6.12 | AA |
| secondary on background | 2.15 | fail |
| accent on background | 2.64 | fail |
| background on primary | 6.12 | AA |
| background on accent | 2.64 | fail |
CSS variables
:root {
--color-primary: #4a5d82;
--color-secondary: #9dabc4;
--color-accent: #c98d3c;
--color-bg: #faf6ec;
--color-text: #232b3a;
}Tailwind
colors: {
primary: '#4a5d82',
secondary: '#9dabc4',
accent: '#c98d3c',
background: '#faf6ec',
text: '#232b3a',
}Best text pairings
The strongest foreground/background combinations in Study Hall, 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.
#232b3a on #faf6ec Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#232b3a on #9dabc4 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — meets AA for body text.
#4a5d82 on #faf6ec Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#232b3a on #c98d3c