True Mushroom Forest Forge palette

Colors in True Mushroom Forest Forge: HEX, RGB, HSL & OKLCH

• bg

  #ECE1CB

  #ECE1CB color page →

  RGB

  rgb(236 225 203)

  HSL

  hsl(40 46% 86%)

  OKLCH

  oklch(0.913 0.032 84.6)

  WCAG contrast: on white 1.29:1 (Fail) · on black 16.19:1 (AAA)

• surface

  #BEB5A5

  #BEB5A5 color page →

  RGB

  rgb(190 181 165)

  HSL

  hsl(38 16% 70%)

  OKLCH

  oklch(0.776 0.024 82.1)

  WCAG contrast: on white 2.03:1 (Fail) · on black 10.34:1 (AAA)

• primary

  #91835E

  #91835E color page →

  RGB

  rgb(145 131 94)

  HSL

  hsl(44 21% 47%)

  OKLCH

  oklch(0.613 0.055 89.7)

  WCAG contrast: on white 3.74:1 (Fail) · on black 5.61:1 (AA)

• accent

  #4E4630

  #4E4630 color page →

  RGB

  rgb(78 70 48)

  HSL

  hsl(44 24% 25%)

  OKLCH

  oklch(0.396 0.036 90.4)

  WCAG contrast: on white 9.36:1 (AAA) · on black 2.24:1 (Fail)

• text

  #150E00

  #150E00 color page →

  RGB

  rgb(21 14 0)

  HSL

  hsl(40 100% 4%)

  OKLCH

  oklch(0.168 0.034 89.1)

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

Export True Mushroom Forest Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #ece1cb;
  --surface: #beb5a5;
  --primary: #91835e;
  --accent: #4e4630;
  --text: #150e00;
}

@theme {
  --color-bg: #ece1cb;
  --color-surface: #beb5a5;
  --color-primary: #91835e;
  --color-accent: #4e4630;
  --color-text: #150e00;
}

{
  "true-mushroom-forest-forge-60l": {
    "bg": {
      "$type": "color",
      "$value": "#ece1cb"
    },
    "surface": {
      "$type": "color",
      "$value": "#beb5a5"
    },
    "primary": {
      "$type": "color",
      "$value": "#91835e"
    },
    "accent": {
      "$type": "color",
      "$value": "#4e4630"
    },
    "text": {
      "$type": "color",
      "$value": "#150e00"
    }
  }
}