Ink & Brass
A complete five-role scheme. professional and trustworthy in character — tagged for law, finance, consulting.
primary
#1d3557 secondary
#457b9d accent
#c8963e background
#f6f5f1 text
#141c26 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 | #1d3557 | 29, 53, 87 | 215°, 50%, 23% |
| secondary | #457b9d | 69, 123, 157 | 203°, 39%, 44% |
| accent | #c8963e | 200, 150, 62 | 38°, 56%, 51% |
| background | #f6f5f1 | 246, 245, 241 | 48°, 22%, 95% |
| text | #141c26 | 20, 28, 38 | 213°, 31%, 11% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 15.73 | AAA |
| primary on background | 11.33 | AAA |
| secondary on background | 4.21 | AA-large |
| accent on background | 2.44 | fail |
| background on primary | 11.33 | AAA |
| background on accent | 2.44 | fail |
CSS variables
:root {
--color-primary: #1d3557;
--color-secondary: #457b9d;
--color-accent: #c8963e;
--color-bg: #f6f5f1;
--color-text: #141c26;
}Tailwind
colors: {
primary: '#1d3557',
secondary: '#457b9d',
accent: '#c8963e',
background: '#f6f5f1',
text: '#141c26',
}