Real Estate Sage Portal
Grounded property listing and architectural UI scheme pairing botanical forest green with crisp airy white.
#App UI#Clean#UI#Earthy#Modern
COLOR 1
#14532D
Deep Emerald
COLOR 2
#15803D
Tokiwa Evergreen
COLOR 3
#4ADE80
Emerald Green
COLOR 4
#BBF7D0
Pastel Mint
COLOR 5
#F0FDF4
Mint Cream
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #14532D;
--color-2: #15803D;
--color-3: #4ADE80;
--color-4: #BBF7D0;
--color-5: #F0FDF4;
}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
#14532D on #BBF7D07.52:1
Normal Text AA Pass
Sample Text
#14532D on #F0FDF48.70:1
Normal Text AA Pass
Sample Text
#15803D on #BBF7D04.14:1
Large Text Only (Pass)
Sample Text
#15803D on #F0FDF44.79:1
Normal Text AA Pass
Sample Text
#4ADE80 on #BBF7D01.44:1
Large Text Only (Fail)
Sample Text
#4ADE80 on #F0FDF41.66:1
Large Text Only (Fail)