Steady Enchanted Forest Circuit palette

Colors in Steady Enchanted Forest Circuit: HEX, RGB, HSL & OKLCH

• bg

  #E4E7D8

  #E4E7D8 color page →

  RGB

  rgb(228 231 216)

  HSL

  hsl(72 24% 88%)

  OKLCH

  oklch(0.922 0.02 116)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.72:1 (AAA)

• surface

  #C3B67C

  #C3B67C color page →

  RGB

  rgb(195 182 124)

  HSL

  hsl(49 37% 63%)

  OKLCH

  oklch(0.773 0.078 97.1)

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

• primary

  #698120

  #698120 color page →

  RGB

  rgb(105 129 32)

  HSL

  hsl(75 60% 32%)

  OKLCH

  oklch(0.565 0.123 122.7)

  WCAG contrast: on white 4.41:1 (Fail) · on black 4.76:1 (AA)

• accent

  #2A541A

  #2A541A color page →

  RGB

  rgb(42 84 26)

  HSL

  hsl(103 53% 22%)

  OKLCH

  oklch(0.401 0.099 138.2)

  WCAG contrast: on white 8.81:1 (AAA) · on black 2.38:1 (Fail)

• text

  #111600

  #111600 color page →

  RGB

  rgb(17 22 0)

  HSL

  hsl(74 100% 4%)

  OKLCH

  oklch(0.188 0.045 119.9)

  WCAG contrast: on white 18.44:1 (AAA) · on black 1.13:1 (Fail)

Export Steady Enchanted Forest Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #e4e7d8;
  --surface: #c3b67c;
  --primary: #698120;
  --accent: #2a541a;
  --text: #111600;
}

@theme {
  --color-bg: #e4e7d8;
  --color-surface: #c3b67c;
  --color-primary: #698120;
  --color-accent: #2a541a;
  --color-text: #111600;
}

{
  "steady-enchanted-forest-circuit-18v": {
    "bg": {
      "$type": "color",
      "$value": "#e4e7d8"
    },
    "surface": {
      "$type": "color",
      "$value": "#c3b67c"
    },
    "primary": {
      "$type": "color",
      "$value": "#698120"
    },
    "accent": {
      "$type": "color",
      "$value": "#2a541a"
    },
    "text": {
      "$type": "color",
      "$value": "#111600"
    }
  }
}