Granola Girl Pacific Northwest
Wholesome outdoor lifestyle aesthetic rooted in coastal pine forests, woolen beanies, and camp stove pour-overs.
#Aesthetic#Nature#Earthy#Organic#Warm
COLOR 1
#14241B
Pine Needle
COLOR 2
#2D4A38
Juniper
COLOR 3
#5C3A21
Cocoa Powder
COLOR 4
#966540
Clay Brown
COLOR 5
#F0ECE1
Linen
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #14241B;
--color-2: #2D4A38;
--color-3: #5C3A21;
--color-4: #966540;
--color-5: #F0ECE1;
}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
#14241B on #9665403.26:1
Large Text Only (Pass)
Sample Text
#14241B on #F0ECE113.71:1
Normal Text AA Pass
Sample Text
#2D4A38 on #9665401.97:1
Large Text Only (Fail)
Sample Text
#2D4A38 on #F0ECE18.28:1
Normal Text AA Pass
Sample Text
#5C3A21 on #9665402.03:1
Large Text Only (Fail)
Sample Text
#5C3A21 on #F0ECE18.54:1
Normal Text AA Pass