In Western cultures, Serenity symbolizes peace and tranquility, often associated with mindfulness and relaxation practices. In contrast, in some Eastern traditions, blue can represent wisdom and depth, suggesting a balance between calmness and introspection.
The term 'serenity' entered the English language in the late 14th century, derived from the Latin 'serenitas', meaning 'clear, calm'. The specific shade of blue associated with Serenity gained popularity in design and branding in the early 21st century, particularly with the rise of mindfulness movements.
Ranked by CIE76 ΔE — the perceptual distance from Serenity. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 45 Blues →Nine steps of Serenity by lightness — from #4C576D (darkest) to #C6D2E7 (lightest). Click any to copy.
Sitting opposite Serenity at 39° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Serenity.
A 50–900 tonal scale with Serenity 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: #92A8D1; color-mix(in srgb, #92A8D1 70%, white) 219°, 30%, 82% 30, 20, 0, 18 9611473 #9999CC How Serenity appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.