Sorbet Stand
A complete five-role scheme. vibrant and optimistic in character — tagged for retail, food.
primary
#d63384 secondary
#fbb6d0 accent
#14b8a6 background
#fff8fb text
#3a0f24 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 | #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',
}