RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, magnolia symbolizes purity and nobility, often associated with femininity and grace. However, in some East Asian traditions, it represents dignity and perseverance, showcasing a rich contrast in its interpretations across cultures.
The name 'magnolia' honors Pierre Magnol, a French botanist from the 17th century. The color became popular in interior design during the Victorian era, reflecting the era's fascination with botany and nature-inspired aesthetics.
Ranked by CIE76 ΔE — the perceptual distance from Magnolia. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 20 Whites →Nine steps of Magnolia by lightness — from #817F85 (darkest) to #FBF9FF (lightest). Click any to copy.
Sitting opposite Magnolia at 82° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Magnolia.
A 50–900 tonal scale with Magnolia anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #F8F4FF; color-mix(in srgb, #F8F4FF 70%, white) 262°, 4%, 100% 3, 4, 0, 0 16315647 #FFFFFF How Magnolia appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.