Victorian Botanical Apothecary

19th-century herbologist studio scheme with dark amber glass bottles, pressed dried ferns, and weathered mahogany.

#Vintage#Dark#Nature#Earthy#Luxury
Open in Generator
COLOR 1
#131F18
Sumi Ink Black
COLOR 2
#243D2F
Pine Needle
COLOR 3
#5C4229
Walnut
COLOR 4
#9C7A4F
Cafe au Lait
COLOR 5
#E6DBC9
Oatmeal

Color Values & Codes

HEX · RGB · HSL
rgb(19, 31, 24)hsl(145, 24%, 10%)Color details →
rgb(36, 61, 47)hsl(146, 26%, 19%)Color details →
Walnut
#5C4229
rgb(92, 66, 41)hsl(29, 38%, 26%)Color details →
rgb(156, 122, 79)hsl(34, 33%, 46%)Color details →
Oatmeal
#E6DBC9
rgb(230, 219, 201)hsl(37, 37%, 85%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #131F18;
  --color-2: #243D2F;
  --color-3: #5C4229;
  --color-4: #9C7A4F;
  --color-5: #E6DBC9;
}

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
#131F18 on #9C7A4F4.29:1
Large Text Only (Pass)
Sample Text
#131F18 on #E6DBC912.40:1
Normal Text AA Pass
Sample Text
#243D2F on #9C7A4F2.98:1
Large Text Only (Fail)
Sample Text
#243D2F on #E6DBC98.60:1
Normal Text AA Pass
Sample Text
#5C4229 on #9C7A4F2.34:1
Large Text Only (Fail)
Sample Text
#5C4229 on #E6DBC96.77:1
Normal Text AA Pass