Porcelain
A complete five-role scheme. elegant and minimal in character — tagged for wedding, consulting.
primary
#6e7f96 secondary
#c3ccd9 accent
#c9a24b background
#fcfbf8 text
#1e2733 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 | #6e7f96 | 110, 127, 150 | 215°, 16%, 51% |
| secondary | #c3ccd9 | 195, 204, 217 | 215°, 22%, 81% |
| accent | #c9a24b | 201, 162, 75 | 41°, 54%, 54% |
| background | #fcfbf8 | 252, 251, 248 | 45°, 40%, 98% |
| text | #1e2733 | 30, 39, 51 | 214°, 26%, 16% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 14.57 | AAA |
| primary on background | 3.95 | AA-large |
| secondary on background | 1.57 | fail |
| accent on background | 2.32 | fail |
| background on primary | 3.95 | AA-large |
| background on accent | 2.32 | fail |
CSS variables
:root {
--color-primary: #6e7f96;
--color-secondary: #c3ccd9;
--color-accent: #c9a24b;
--color-bg: #fcfbf8;
--color-text: #1e2733;
}Tailwind
colors: {
primary: '#6e7f96',
secondary: '#c3ccd9',
accent: '#c9a24b',
background: '#fcfbf8',
text: '#1e2733',
}