Wellness Rose Meditation
Mindfulness and habit tracker mobile app palette featuring soothing dusty blush accents and gentle neutrals.
#App UI#Pastel#UI#Soft#Calm
COLOR 1
#4C1D2F
Victorian Plum
COLOR 2
#831843
Merlot
COLOR 3
#F472B6
Hot Pink
COLOR 4
#FBCFE8
Orchid Tint
COLOR 5
#FDF2F8
Lavender Blush
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #4C1D2F;
--color-2: #831843;
--color-3: #F472B6;
--color-4: #FBCFE8;
--color-5: #FDF2F8;
}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
#4C1D2F on #FBCFE89.97:1
Normal Text AA Pass
Sample Text
#4C1D2F on #FDF2F812.62:1
Normal Text AA Pass
Sample Text
#831843 on #FBCFE86.98:1
Normal Text AA Pass
Sample Text
#831843 on #FDF2F88.84:1
Normal Text AA Pass
Sample Text
#F472B6 on #FBCFE81.92:1
Large Text Only (Fail)
Sample Text
#F472B6 on #FDF2F82.43:1
Large Text Only (Fail)