Classic Forest Empress System palette

Colors in Classic Forest Empress System: HEX, RGB, HSL & OKLCH

• bg

  #EEF6E9

  #EEF6E9 color page →

  RGB

  rgb(238 246 233)

  HSL

  hsl(97 42% 94%)

  OKLCH

  oklch(0.964 0.019 133.1)

  WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)

• surface

  #93A66E

  #93A66E color page →

  RGB

  rgb(147 166 110)

  HSL

  hsl(80 24% 54%)

  OKLCH

  oklch(0.696 0.08 123.7)

  WCAG contrast: on white 2.65:1 (Fail) · on black 7.92:1 (AAA)

• primary

  #3E6E27

  #3E6E27 color page →

  RGB

  rgb(62 110 39)

  HSL

  hsl(101 48% 29%)

  OKLCH

  oklch(0.487 0.115 136.9)

  WCAG contrast: on white 6.06:1 (AA) · on black 3.46:1 (Fail)

• accent

  #1C4729

  #1C4729 color page →

  RGB

  rgb(28 71 41)

  HSL

  hsl(138 43% 19%)

  OKLCH

  oklch(0.358 0.071 151.2)

  WCAG contrast: on white 10.59:1 (AAA) · on black 1.98:1 (Fail)

• text

  #081102

  #081102 color page →

  RGB

  rgb(8 17 2)

  HSL

  hsl(96 79% 4%)

  OKLCH

  oklch(0.163 0.037 131.6)

  WCAG contrast: on white 19.24:1 (AAA) · on black 1.09:1 (Fail)

Export Classic Forest Empress System: CSS variables, Tailwind & JSON

:root {
  --bg: #eef6e9;
  --surface: #93a66e;
  --primary: #3e6e27;
  --accent: #1c4729;
  --text: #081102;
}

@theme {
  --color-bg: #eef6e9;
  --color-surface: #93a66e;
  --color-primary: #3e6e27;
  --color-accent: #1c4729;
  --color-text: #081102;
}

{
  "classic-forest-empress-system-17n": {
    "bg": {
      "$type": "color",
      "$value": "#eef6e9"
    },
    "surface": {
      "$type": "color",
      "$value": "#93a66e"
    },
    "primary": {
      "$type": "color",
      "$value": "#3e6e27"
    },
    "accent": {
      "$type": "color",
      "$value": "#1c4729"
    },
    "text": {
      "$type": "color",
      "$value": "#081102"
    }
  }
}