Enchanted Glen Pulse palette

Colors in Enchanted Glen Pulse: HEX, RGB, HSL & OKLCH

• bg

  #E0EAE0

  #E0EAE0 color page →

  RGB

  rgb(224 234 224)

  HSL

  hsl(120 19% 90%)

  OKLCH

  oklch(0.927 0.017 145.4)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.01:1 (AAA)

• surface

  #8EA979

  #8EA979 color page →

  RGB

  rgb(142 169 121)

  HSL

  hsl(94 22% 57%)

  OKLCH

  oklch(0.702 0.074 131.9)

  WCAG contrast: on white 2.59:1 (Fail) · on black 8.10:1 (AAA)

• primary

  #2C6B2C

  #2C6B2C color page →

  RGB

  rgb(44 107 44)

  HSL

  hsl(120 42% 30%)

  OKLCH

  oklch(0.471 0.116 143.5)

  WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)

• accent

  #004927

  #004927 color page →

  RGB

  rgb(0 73 39)

  HSL

  hsl(152 100% 14%)

  OKLCH

  oklch(0.356 0.088 155.3)

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

• text

  #070D05

  #070D05 color page →

  RGB

  rgb(7 13 5)

  HSL

  hsl(105 44% 4%)

  OKLCH

  oklch(0.149 0.021 136.7)

  WCAG contrast: on white 19.64:1 (AAA) · on black 1.06:1 (Fail)

Export Enchanted Glen Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #e0eae0;
  --surface: #8ea979;
  --primary: #2c6b2c;
  --accent: #004927;
  --text: #070d05;
}

@theme {
  --color-bg: #e0eae0;
  --color-surface: #8ea979;
  --color-primary: #2c6b2c;
  --color-accent: #004927;
  --color-text: #070d05;
}

{
  "enchanted-glen-pulse-4gg": {
    "bg": {
      "$type": "color",
      "$value": "#e0eae0"
    },
    "surface": {
      "$type": "color",
      "$value": "#8ea979"
    },
    "primary": {
      "$type": "color",
      "$value": "#2c6b2c"
    },
    "accent": {
      "$type": "color",
      "$value": "#004927"
    },
    "text": {
      "$type": "color",
      "$value": "#070d05"
    }
  }
}