
Designing Design
Hara's philosophy of emptiness as a design principle, rooted in Japanese aesthetics. The almost entirely white palette with subtle grey gradations embodies his concept of 'exformation' — communicating through absence.
Extracted Palette Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #FFFFFF;
--palette-ink: #1A1A1A;
--palette-accent: #B0B0B0;
--palette-support: #E0E0E0;
--palette-neutral: #F5F5F5;
}Tailwind Config
{
"palette-background": "#FFFFFF",
"palette-ink": "#1A1A1A",
"palette-accent": "#B0B0B0",
"palette-support": "#E0E0E0",
"palette-neutral": "#F5F5F5"
}AI-ready Export this palette as COLORS.md for Claude, Cursor, and Windsurf.
Warm Monochrome Ramp
PAPER 100
WARM 200
WARM 300
WARM 400
WARM 500
WARM 600
INK 900
Your turn. Extract your own.