Gallery White
A complete five-role scheme. minimal and elegant in character — tagged for photography, consulting.
primary
#22282e secondary
#9aa3ac accent
#c2455a background
#fcfcfa text
#171c21 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 | #22282e | 34, 40, 46 | 210°, 15%, 16% |
| secondary | #9aa3ac | 154, 163, 172 | 210°, 10%, 64% |
| accent | #c2455a | 194, 69, 90 | 350°, 51%, 52% |
| background | #fcfcfa | 252, 252, 250 | 60°, 25%, 98% |
| text | #171c21 | 23, 28, 33 | 210°, 18%, 11% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.70 | AAA |
| primary on background | 14.49 | AAA |
| secondary on background | 2.49 | fail |
| accent on background | 4.76 | AA |
| background on primary | 14.49 | AAA |
| background on accent | 4.76 | AA |
CSS variables
:root {
--color-primary: #22282e;
--color-secondary: #9aa3ac;
--color-accent: #c2455a;
--color-bg: #fcfcfa;
--color-text: #171c21;
}Tailwind
colors: {
primary: '#22282e',
secondary: '#9aa3ac',
accent: '#c2455a',
background: '#fcfcfa',
text: '#171c21',
}