Classic Botanical Cascade palette

Colors in Classic Botanical Cascade: HEX, RGB, HSL & OKLCH

• bg

  #E3EDDB

  #E3EDDB color page →

  RGB

  rgb(227 237 219)

  HSL

  hsl(93 33% 89%)

  OKLCH

  oklch(0.934 0.026 130.9)

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

• surface

  #92AC6E

  #92AC6E color page →

  RGB

  rgb(146 172 110)

  HSL

  hsl(85 27% 55%)

  OKLCH

  oklch(0.709 0.09 127.1)

  WCAG contrast: on white 2.51:1 (Fail) · on black 8.34:1 (AAA)

• primary

  #4B6E26

  #4B6E26 color page →

  RGB

  rgb(75 110 38)

  HSL

  hsl(89 49% 29%)

  OKLCH

  oklch(0.495 0.108 131.3)

  WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)

• accent

  #073E16

  #073E16 color page →

  RGB

  rgb(7 62 22)

  HSL

  hsl(136 80% 14%)

  OKLCH

  oklch(0.32 0.087 147.6)

  WCAG contrast: on white 12.28:1 (AAA) · on black 1.70:1 (Fail)

• text

  #0B1208

  #0B1208 color page →

  RGB

  rgb(11 18 8)

  HSL

  hsl(102 38% 5%)

  OKLCH

  oklch(0.171 0.023 136.3)

  WCAG contrast: on white 19.01:1 (AAA) · on black 1.10:1 (Fail)

Export Classic Botanical Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #e3eddb;
  --surface: #92ac6e;
  --primary: #4b6e26;
  --accent: #073e16;
  --text: #0b1208;
}

@theme {
  --color-bg: #e3eddb;
  --color-surface: #92ac6e;
  --color-primary: #4b6e26;
  --color-accent: #073e16;
  --color-text: #0b1208;
}

{
  "classic-botanical-cascade-3m2": {
    "bg": {
      "$type": "color",
      "$value": "#e3eddb"
    },
    "surface": {
      "$type": "color",
      "$value": "#92ac6e"
    },
    "primary": {
      "$type": "color",
      "$value": "#4b6e26"
    },
    "accent": {
      "$type": "color",
      "$value": "#073e16"
    },
    "text": {
      "$type": "color",
      "$value": "#0b1208"
    }
  }
}