Pure Forest Empress Forge palette

Colors in Pure Forest Empress Forge: HEX, RGB, HSL & OKLCH

• bg

  #E9F2E2

  #E9F2E2 color page →

  RGB

  rgb(233 242 226)

  HSL

  hsl(94 38% 92%)

  OKLCH

  oklch(0.95 0.023 131.1)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.26:1 (AAA)

• surface

  #91A565

  #91A565 color page →

  RGB

  rgb(145 165 101)

  HSL

  hsl(79 26% 52%)

  OKLCH

  oklch(0.691 0.09 122.9)

  WCAG contrast: on white 2.70:1 (Fail) · on black 7.77:1 (AAA)

• primary

  #436F22

  #436F22 color page →

  RGB

  rgb(67 111 34)

  HSL

  hsl(94 53% 28%)

  OKLCH

  oklch(0.492 0.118 134.3)

  WCAG contrast: on white 5.93:1 (AA) · on black 3.53:1 (Fail)

• accent

  #1F4520

  #1F4520 color page →

  RGB

  rgb(31 69 32)

  HSL

  hsl(122 38% 20%)

  OKLCH

  oklch(0.352 0.076 144.3)

  WCAG contrast: on white 10.87:1 (AAA) · on black 1.93:1 (Fail)

• text

  #060E02

  #060E02 color page →

  RGB

  rgb(6 14 2)

  HSL

  hsl(100 75% 3%)

  OKLCH

  oklch(0.15 0.033 133.2)

  WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Forest Empress Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #e9f2e2;
  --surface: #91a565;
  --primary: #436f22;
  --accent: #1f4520;
  --text: #060e02;
}

@theme {
  --color-bg: #e9f2e2;
  --color-surface: #91a565;
  --color-primary: #436f22;
  --color-accent: #1f4520;
  --color-text: #060e02;
}

{
  "pure-forest-empress-forge-6z9": {
    "bg": {
      "$type": "color",
      "$value": "#e9f2e2"
    },
    "surface": {
      "$type": "color",
      "$value": "#91a565"
    },
    "primary": {
      "$type": "color",
      "$value": "#436f22"
    },
    "accent": {
      "$type": "color",
      "$value": "#1f4520"
    },
    "text": {
      "$type": "color",
      "$value": "#060e02"
    }
  }
}