Scandi Slate
A complete five-role scheme. minimal and calming in character — tagged for interior, tech.
#47546a #9aa8bd #d98e6a #f8f9fb #1b2330 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 | #47546a | 71, 84, 106 | 218°, 20%, 35% |
| secondary | #9aa8bd | 154, 168, 189 | 216°, 21%, 67% |
| accent | #d98e6a | 217, 142, 106 | 19°, 59%, 63% |
| background | #f8f9fb | 248, 249, 251 | 220°, 27%, 98% |
| text | #1b2330 | 27, 35, 48 | 217°, 28%, 15% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.99 | AAA |
| primary on background | 7.26 | AAA |
| secondary on background | 2.29 | fail |
| accent on background | 2.48 | fail |
| background on primary | 7.26 | AAA |
| background on accent | 2.48 | fail |
CSS variables
:root {
--color-primary: #47546a;
--color-secondary: #9aa8bd;
--color-accent: #d98e6a;
--color-bg: #f8f9fb;
--color-text: #1b2330;
}Tailwind
colors: {
primary: '#47546a',
secondary: '#9aa8bd',
accent: '#d98e6a',
background: '#f8f9fb',
text: '#1b2330',
}Best text pairings
The strongest foreground/background combinations in Scandi Slate, 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.
#1b2330 on #f8f9fb Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — clears AAA comfortably.
#47546a on #f8f9fb Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#1b2330 on #9aa8bd Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#1b2330 on #d98e6a