Japandi Calm Color Palette
Japanese-Scandinavian calm: warm oat and beige, walnut, and a band of sumi-ink charcoal, grounded with muted sage. Minimal and natural but with real contrast, where the dark anchors the soft neutrals. For serene interior and lifestyle branding, wabi-sabi layouts, and warm minimalism.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--japandi-1: #F2EDE3;
--japandi-2: #E8E0D1;
--japandi-3: #DCD2BE;
--japandi-4: #CFC3A9;
--japandi-5: #C1B394;
--japandi-6: #B2A380;
--japandi-7: #AD9B82;
--japandi-8: #9E8C74;
--japandi-9: #8F7D66;
--japandi-10: #806F59;
--japandi-11: #71614D;
--japandi-12: #625341;
--japandi-13: #574B3C;
--japandi-14: #4D4234;
--japandi-15: #43392D;
--japandi-16: #393026;
--japandi-17: #2F281F;
--japandi-18: #251F18;
--japandi-19: #33312E;
--japandi-20: #2A2825;
--japandi-21: #211F1D;
--japandi-22: #191715;
--japandi-23: #11100E;
--japandi-24: #0A0908;
--japandi-25: #9AA28C;
--japandi-26: #8A927D;
--japandi-27: #7A826F;
--japandi-28: #6A7260;
--japandi-29: #5A6251;
--japandi-30: #4B5243;
}SCSS
$japandi-1: #F2EDE3;
$japandi-2: #E8E0D1;
$japandi-3: #DCD2BE;
$japandi-4: #CFC3A9;
$japandi-5: #C1B394;
$japandi-6: #B2A380;
$japandi-7: #AD9B82;
$japandi-8: #9E8C74;
$japandi-9: #8F7D66;
$japandi-10: #806F59;
$japandi-11: #71614D;
$japandi-12: #625341;
$japandi-13: #574B3C;
$japandi-14: #4D4234;
$japandi-15: #43392D;
$japandi-16: #393026;
$japandi-17: #2F281F;
$japandi-18: #251F18;
$japandi-19: #33312E;
$japandi-20: #2A2825;
$japandi-21: #211F1D;
$japandi-22: #191715;
$japandi-23: #11100E;
$japandi-24: #0A0908;
$japandi-25: #9AA28C;
$japandi-26: #8A927D;
$japandi-27: #7A826F;
$japandi-28: #6A7260;
$japandi-29: #5A6251;
$japandi-30: #4B5243;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'japandi': {
'1': '#F2EDE3',
'2': '#E8E0D1',
'3': '#DCD2BE',
'4': '#CFC3A9',
'5': '#C1B394',
'6': '#B2A380',
'7': '#AD9B82',
'8': '#9E8C74',
'9': '#8F7D66',
'10': '#806F59',
'11': '#71614D',
'12': '#625341',
'13': '#574B3C',
'14': '#4D4234',
'15': '#43392D',
'16': '#393026',
'17': '#2F281F',
'18': '#251F18',
'19': '#33312E',
'20': '#2A2825',
'21': '#211F1D',
'22': '#191715',
'23': '#11100E',
'24': '#0A0908',
'25': '#9AA28C',
'26': '#8A927D',
'27': '#7A826F',
'28': '#6A7260',
'29': '#5A6251',
'30': '#4B5243',
},
},
},
},
};JSON
{
"name": "Japandi Calm",
"colors": [
"#F2EDE3",
"#E8E0D1",
"#DCD2BE",
"#CFC3A9",
"#C1B394",
"#B2A380",
"#AD9B82",
"#9E8C74",
"#8F7D66",
"#806F59",
"#71614D",
"#625341",
"#574B3C",
"#4D4234",
"#43392D",
"#393026",
"#2F281F",
"#251F18",
"#33312E",
"#2A2825",
"#211F1D",
"#191715",
"#11100E",
"#0A0908",
"#9AA28C",
"#8A927D",
"#7A826F",
"#6A7260",
"#5A6251",
"#4B5243"
]
}Hex list
#F2EDE3
#E8E0D1
#DCD2BE
#CFC3A9
#C1B394
#B2A380
#AD9B82
#9E8C74
#8F7D66
#806F59
#71614D
#625341
#574B3C
#4D4234
#43392D
#393026
#2F281F
#251F18
#33312E
#2A2825
#211F1D
#191715
#11100E
#0A0908
#9AA28C
#8A927D
#7A826F
#6A7260
#5A6251
#4B5243