Steady Enchanted Glen Forge palette

Colors in Steady Enchanted Glen Forge: HEX, RGB, HSL & OKLCH

• bg

  #DBEADC

  #DBEADC color page →

  RGB

  rgb(219 234 220)

  HSL

  hsl(124 26% 89%)

  OKLCH

  oklch(0.922 0.025 147.3)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.81:1 (AAA)

• surface

  #8CB186

  #8CB186 color page →

  RGB

  rgb(140 177 134)

  HSL

  hsl(112 22% 61%)

  OKLCH

  oklch(0.722 0.073 141.1)

  WCAG contrast: on white 2.40:1 (Fail) · on black 8.74:1 (AAA)

• primary

  #2B6D36

  #2B6D36 color page →

  RGB

  rgb(43 109 54)

  HSL

  hsl(130 43% 30%)

  OKLCH

  oklch(0.478 0.109 146.9)

  WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)

• accent

  #00492E

  #00492E color page →

  RGB

  rgb(0 73 46)

  HSL

  hsl(158 100% 14%)

  OKLCH

  oklch(0.358 0.08 160.6)

  WCAG contrast: on white 10.53:1 (AAA) · on black 1.99:1 (Fail)

• text

  #040F05

  #040F05 color page →

  RGB

  rgb(4 15 5)

  HSL

  hsl(125 58% 4%)

  OKLCH

  oklch(0.153 0.029 146.7)

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

Export Steady Enchanted Glen Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #dbeadc;
  --surface: #8cb186;
  --primary: #2b6d36;
  --accent: #00492e;
  --text: #040f05;
}

@theme {
  --color-bg: #dbeadc;
  --color-surface: #8cb186;
  --color-primary: #2b6d36;
  --color-accent: #00492e;
  --color-text: #040f05;
}

{
  "steady-enchanted-glen-forge-6sv": {
    "bg": {
      "$type": "color",
      "$value": "#dbeadc"
    },
    "surface": {
      "$type": "color",
      "$value": "#8cb186"
    },
    "primary": {
      "$type": "color",
      "$value": "#2b6d36"
    },
    "accent": {
      "$type": "color",
      "$value": "#00492e"
    },
    "text": {
      "$type": "color",
      "$value": "#040f05"
    }
  }
}