Sorbet Stand
A complete five-role scheme. vibrant and optimistic in character — tagged for retail, food.
#d63384 #fbb6d0 #14b8a6 #fff8fb #3a0f24 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 | #d63384 | 214, 51, 132 | 330°, 67%, 52% |
| secondary | #fbb6d0 | 251, 182, 208 | 337°, 90%, 85% |
| accent | #14b8a6 | 20, 184, 166 | 173°, 80%, 40% |
| background | #fff8fb | 255, 248, 251 | 334°, 100%, 99% |
| text | #3a0f24 | 58, 15, 36 | 331°, 59%, 14% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 15.76 | AAA |
| primary on background | 4.30 | AA-large |
| secondary on background | 1.58 | fail |
| accent on background | 2.38 | fail |
| background on primary | 4.30 | AA-large |
| background on accent | 2.38 | fail |
CSS variables
:root {
--color-primary: #d63384;
--color-secondary: #fbb6d0;
--color-accent: #14b8a6;
--color-bg: #fff8fb;
--color-text: #3a0f24;
}Tailwind
colors: {
primary: '#d63384',
secondary: '#fbb6d0',
accent: '#14b8a6',
background: '#fff8fb',
text: '#3a0f24',
}Best text pairings
The strongest foreground/background combinations in Sorbet Stand, 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.
#3a0f24 on #fff8fb Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — clears AAA comfortably.
#3a0f24 on #fbb6d0 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#3a0f24 on #14b8a6 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — suits large text and UI accents only.
#d63384 on #fff8fb