Ink Wash Color Psychology & Meaning
Ink Wash is the quiet authority of Japanese sumi-e painting — off-white rice paper, gray washes, and deep ink. Maximum restraint, maximum impact.
#F5F5F0
#4A4A4A
#1A1A1A
#8B8B8B
Background
Primary Accent
Secondary
Body Text
Ink Wash
minimalmoodycalm autumnwinter brandingweb
Fail
WCAG Grade
3.1:1
Contrast Ratio
2,341
Saves
6,102
AI Copies
Use #F5F5F0 as the background. Use #4A4A4A as the primary accent. Use #1A1A1A as secondary. Use #8B8B8B as body text/supporting color. Palette mood: Ink Wash — minimal, moody, calm.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Ink Wash color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 91.0% | 245, 245, 240 | 0%, 0%, 2%, 4% | 60°, 20%, 95% | ||
| Primary Accent Luminance: 6.8% | 74, 74, 74 | 0%, 0%, 0%, 71% | 0°, 0%, 29% | ||
| Secondary Luminance: 1.0% | 26, 26, 26 | 0%, 0%, 0%, 90% | 0°, 0%, 10% | ||
| Body Text Luminance: 25.8% | 139, 139, 139 | 0%, 0%, 0%, 45% | 0°, 0%, 55% |
Color Harmony: Custom Scheme
The Ink Wash palette is built using a custom relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A custom palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Sumi-e (ink wash painting) is a Japanese art form dating to the 14th century, derived from Chinese ink painting. The philosophy of empty space (ma) drives the aesthetic.
Best Design Use Cases
Off-white for all surfaces — pure white is too harsh. Dark charcoal for primary text and accents. Gray for secondary hierarchy.
Industries This Palette Suits
Luxury brands, architecture, minimal design, Japanese-inspired.
How to Implement the Ink Wash Color Scheme
To use this Ink Wash color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #F5F5F0 for the main background and #4A4A4A for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #8B8B8B and #F5F5F0 is 3.12:1 (Fail). Ensure your body text remains legible.