Rosewater Invite
A complete five-role scheme. romantic and soft in character — tagged for wedding, beauty.
primary
#b8496b secondary
#e8a2b8 accent
#7d9f85 background
#fdf5f7 text
#43222e 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 | #b8496b | 184, 73, 107 | 342°, 44%, 50% |
| secondary | #e8a2b8 | 232, 162, 184 | 341°, 60%, 77% |
| accent | #7d9f85 | 125, 159, 133 | 134°, 15%, 56% |
| background | #fdf5f7 | 253, 245, 247 | 345°, 67%, 98% |
| text | #43222e | 67, 34, 46 | 338°, 33%, 20% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 12.99 | AAA |
| primary on background | 4.66 | AA |
| secondary on background | 1.90 | fail |
| accent on background | 2.73 | fail |
| background on primary | 4.66 | AA |
| background on accent | 2.73 | fail |
CSS variables
:root {
--color-primary: #b8496b;
--color-secondary: #e8a2b8;
--color-accent: #7d9f85;
--color-bg: #fdf5f7;
--color-text: #43222e;
}Tailwind
colors: {
primary: '#b8496b',
secondary: '#e8a2b8',
accent: '#7d9f85',
background: '#fdf5f7',
text: '#43222e',
}