Vital Pulse
A complete five-role scheme. energetic and bold in character — tagged for fitness.
#d13a26 #f28d7d #14213d #fefaf8 #2c130d 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 | #d13a26 | 209, 58, 38 | 7°, 69%, 48% |
| secondary | #f28d7d | 242, 141, 125 | 8°, 82%, 72% |
| accent | #14213d | 20, 33, 61 | 221°, 51%, 16% |
| background | #fefaf8 | 254, 250, 248 | 20°, 75%, 98% |
| text | #2c130d | 44, 19, 13 | 12°, 54%, 11% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.79 | AAA |
| primary on background | 4.66 | AA |
| secondary on background | 2.28 | fail |
| accent on background | 15.40 | AAA |
| background on primary | 4.66 | AA |
| background on accent | 15.40 | AAA |
CSS variables
:root {
--color-primary: #d13a26;
--color-secondary: #f28d7d;
--color-accent: #14213d;
--color-bg: #fefaf8;
--color-text: #2c130d;
}Tailwind
colors: {
primary: '#d13a26',
secondary: '#f28d7d',
accent: '#14213d',
background: '#fefaf8',
text: '#2c130d',
}Best text pairings
The strongest foreground/background combinations in Vital Pulse, 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.
#2c130d on #fefaf8 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — accent on background — clears AAA comfortably.
#14213d on #fefaf8 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — clears AAA comfortably.
#2c130d on #f28d7d Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — accent on secondary — meets AA for body text.
#14213d on #f28d7d