Japanese Ink — 5-color palette
#FFFFFF#E8E2D0#7A7A7A#1A1A1A#C1272DHex codes
Hex
#FFFFFF
RGB
255, 255, 255
HSL
0°, 0%, 100%
Hex
#E8E2D0
RGB
232, 226, 208
HSL
45°, 34%, 86%
Hex
#7A7A7A
RGB
122, 122, 122
HSL
0°, 0%, 48%
Hex
#1A1A1A
RGB
26, 26, 26
HSL
0°, 0%, 10%
Hex
#C1272D
RGB
193, 39, 45
HSL
358°, 66%, 45%
How to use this palette
The first color in Japanese Ink is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--japanese-ink-1: #FFFFFF;
--japanese-ink-2: #E8E2D0;
--japanese-ink-3: #7A7A7A;
--japanese-ink-4: #1A1A1A;
--japanese-ink-5: #C1272D;
}