Bancha
#686A47A dark, Japanese tea-inspired olive green. Rich and contemplative, it brings a zen-like quality to studies and reading nooks.
Spec Sheet
Hex#686A47
RGB104, 106, 71
HSL63°, 20%, 35%
On White 5.61:1 AA
On Black 3.74:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDEEE8 Text: #222211 Accent: #686A47 Support: #6E6CA3 Neutral: #CED5C8 Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Bancha Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDEEE8;
--palette-ink: #222211;
--palette-accent: #686A47;
--palette-support: #6E6CA3;
--palette-neutral: #CED5C8;
}Tailwind Config
{
"palette-background": "#EDEEE8",
"palette-ink": "#222211",
"palette-accent": "#686A47",
"palette-support": "#6E6CA3",
"palette-neutral": "#CED5C8"
}Color Blindness Simulation
#6F6745
Protanopia#706848
Deuteranopia#6D6661
TritanopiaBuild a design system around Bancha.