Lavender Ledge
A complete five-role scheme. creative and fresh in character — tagged for tech, beauty.
#7161ef #a99ff5 #f4a261 #f9f8ff #241f45 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 | #7161ef | 113, 97, 239 | 247°, 82%, 66% |
| secondary | #a99ff5 | 169, 159, 245 | 247°, 81%, 79% |
| accent | #f4a261 | 244, 162, 97 | 27°, 87%, 67% |
| background | #f9f8ff | 249, 248, 255 | 249°, 100%, 99% |
| text | #241f45 | 36, 31, 69 | 248°, 38%, 20% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.66 | AAA |
| primary on background | 4.27 | AA-large |
| secondary on background | 2.22 | fail |
| accent on background | 1.95 | fail |
| background on primary | 4.27 | AA-large |
| background on accent | 1.95 | fail |
CSS variables
:root {
--color-primary: #7161ef;
--color-secondary: #a99ff5;
--color-accent: #f4a261;
--color-bg: #f9f8ff;
--color-text: #241f45;
}Tailwind
colors: {
primary: '#7161ef',
secondary: '#a99ff5',
accent: '#f4a261',
background: '#f9f8ff',
text: '#241f45',
}Best text pairings
The strongest foreground/background combinations in Lavender Ledge, 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.
#241f45 on #f9f8ff Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on accent — clears AAA comfortably.
#241f45 on #f4a261 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#241f45 on #a99ff5 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — suits large text and UI accents only.
#7161ef on #f9f8ff