Classic Cucumber Queen Forge palette

Colors in Classic Cucumber Queen Forge: HEX, RGB, HSL & OKLCH

• bg

  #E1EDE4

  #E1EDE4 color page →

  RGB

  rgb(225 237 228)

  HSL

  hsl(135 25% 91%)

  OKLCH

  oklch(0.935 0.017 153.6)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.43:1 (AAA)

• surface

  #8BAA81

  #8BAA81 color page →

  RGB

  rgb(139 170 129)

  HSL

  hsl(105 19% 59%)

  OKLCH

  oklch(0.704 0.068 138.1)

  WCAG contrast: on white 2.57:1 (Fail) · on black 8.16:1 (AAA)

• primary

  #2F733E

  #2F733E color page →

  RGB

  rgb(47 115 62)

  HSL

  hsl(133 42% 32%)

  OKLCH

  oklch(0.498 0.108 148.4)

  WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)

• accent

  #003F25

  #003F25 color page →

  RGB

  rgb(0 63 37)

  HSL

  hsl(155 100% 12%)

  OKLCH

  oklch(0.324 0.075 158.6)

  WCAG contrast: on white 12.08:1 (AAA) · on black 1.73:1 (Fail)

• text

  #041209

  #041209 color page →

  RGB

  rgb(4 18 9)

  HSL

  hsl(141 64% 4%)

  OKLCH

  oklch(0.165 0.029 156)

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

Export Classic Cucumber Queen Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #e1ede4;
  --surface: #8baa81;
  --primary: #2f733e;
  --accent: #003f25;
  --text: #041209;
}

@theme {
  --color-bg: #e1ede4;
  --color-surface: #8baa81;
  --color-primary: #2f733e;
  --color-accent: #003f25;
  --color-text: #041209;
}

{
  "classic-cucumber-queen-forge-1pu": {
    "bg": {
      "$type": "color",
      "$value": "#e1ede4"
    },
    "surface": {
      "$type": "color",
      "$value": "#8baa81"
    },
    "primary": {
      "$type": "color",
      "$value": "#2f733e"
    },
    "accent": {
      "$type": "color",
      "$value": "#003f25"
    },
    "text": {
      "$type": "color",
      "$value": "#041209"
    }
  }
}