Japandi Sanctuary
Harmonious blend of Scandinavian functionality and Japanese rustic minimalism for calming spaces.
#Interior Design#Neutral#Calm#Minimal
COLOR 1
#2B2A29
Stone 800
COLOR 2
#56524A
Smoky Quartz
COLOR 3
#8B8476
Hemp
COLOR 4
#C4BCAC
Burlap
COLOR 5
#ECE8E1
Pearl
Suitable Design Applications
Interior Design StudiosSustainable Living PortalsCeramics & Homeware BrandsMindfulness Apps
Visual Psychology & Mood
Quiet contemplation, organic simplicity, and balanced equilibrium.
Editorial Application Advice
The harmony of Scandinavian functionalism and Japanese wabi-sabi. Muted taupe, warm bamboo, and matcha moss creating breathable visual rest.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #2B2A29;
--color-2: #56524A;
--color-3: #8B8476;
--color-4: #C4BCAC;
--color-5: #ECE8E1;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#2B2A29 on #C4BCAC7.60:1
Normal Text AA Pass
Sample Text
#2B2A29 on #ECE8E111.73:1
Normal Text AA Pass
Sample Text
#56524A on #C4BCAC4.12:1
Large Text Only (Pass)
Sample Text
#56524A on #ECE8E16.37:1
Normal Text AA Pass
Sample Text
#8B8476 on #C4BCAC1.97:1
Large Text Only (Fail)
Sample Text
#8B8476 on #ECE8E13.04:1
Large Text Only (Pass)
Related Palettes in Interior Design
Explore Interior DesignFrequently Asked Questions About Japandi Sanctuary
Production design guidance and accessibility rules for applying the Japandi Sanctuary (Interior Design) color palette.
What is the recommended role hierarchy for the Japandi Sanctuary palette?
In digital interface design, allocate #2B2A29 and #ECE8E1 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #56524A or #8B8476 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Japandi Sanctuary WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Japandi Sanctuary palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.