Mediterranean Citrus Olive
Sun-drenched coastal culinary scheme pairing cold-pressed virgin olive oil with ripening Amalfi lemons.
#Food#Fresh#Warm#Earthy#Vibrant
COLOR 1
#2C3E20
Olive Tapenade
COLOR 2
#556B2F
Dark Olive Green
COLOR 3
#D4A017
Goldenrod
COLOR 4
#F7B731
Yellow 500
COLOR 5
#FFF9E6
Antique Lace
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #2C3E20;
--color-2: #556B2F;
--color-3: #D4A017;
--color-4: #F7B731;
--color-5: #FFF9E6;
}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
#2C3E20 on #F7B7316.48:1
Normal Text AA Pass
Sample Text
#2C3E20 on #FFF9E610.98:1
Normal Text AA Pass
Sample Text
#556B2F on #F7B7313.33:1
Large Text Only (Pass)
Sample Text
#556B2F on #FFF9E65.65:1
Normal Text AA Pass
Sample Text
#D4A017 on #F7B7311.33:1
Large Text Only (Fail)
Sample Text
#D4A017 on #FFF9E62.26:1
Large Text Only (Fail)