Cart Berry
A complete five-role scheme. vibrant and confident in character — tagged for ecommerce, beauty.
#9d174d #f472b6 #10b981 #fdf7fa #310a20 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 | #9d174d | 157, 23, 77 | 336°, 74%, 35% |
| secondary | #f472b6 | 244, 114, 182 | 329°, 86%, 70% |
| accent | #10b981 | 16, 185, 129 | 160°, 84%, 39% |
| background | #fdf7fa | 253, 247, 250 | 330°, 60%, 98% |
| text | #310a20 | 49, 10, 32 | 326°, 66%, 12% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.62 | AAA |
| primary on background | 7.46 | AAA |
| secondary on background | 2.50 | fail |
| accent on background | 2.40 | fail |
| background on primary | 7.46 | AAA |
| background on accent | 2.40 | fail |
CSS variables
:root {
--color-primary: #9d174d;
--color-secondary: #f472b6;
--color-accent: #10b981;
--color-bg: #fdf7fa;
--color-text: #310a20;
}Tailwind
colors: {
primary: '#9d174d',
secondary: '#f472b6',
accent: '#10b981',
background: '#fdf7fa',
text: '#310a20',
}Best text pairings
The strongest foreground/background combinations in Cart Berry, 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.
#310a20 on #fdf7fa Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — clears AAA comfortably.
#9d174d on #fdf7fa Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — meets AA for body text.
#310a20 on #10b981 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#310a20 on #f472b6