Classic Verdant Leaf Delta palette

Colors in Classic Verdant Leaf Delta: HEX, RGB, HSL & OKLCH

• bg

  #ECEDDD

  #ECEDDD color page →

  RGB

  rgb(236 237 221)

  HSL

  hsl(64 31% 90%)

  OKLCH

  oklch(0.941 0.021 109.7)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.72:1 (AAA)

• surface

  #C3B292

  #C3B292 color page →

  RGB

  rgb(195 178 146)

  HSL

  hsl(39 29% 67%)

  OKLCH

  oklch(0.77 0.048 83.2)

  WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)

• primary

  #7F804F

  #7F804F color page →

  RGB

  rgb(127 128 79)

  HSL

  hsl(61 24% 41%)

  OKLCH

  oklch(0.587 0.069 109.3)

  WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)

• accent

  #354F2C

  #354F2C color page →

  RGB

  rgb(53 79 44)

  HSL

  hsl(105 28% 24%)

  OKLCH

  oklch(0.397 0.065 138)

  WCAG contrast: on white 9.10:1 (AAA) · on black 2.30:1 (Fail)

• text

  #13140B

  #13140B color page →

  RGB

  rgb(19 20 11)

  HSL

  hsl(67 29% 6%)

  OKLCH

  oklch(0.187 0.017 113.2)

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

Export Classic Verdant Leaf Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #eceddd;
  --surface: #c3b292;
  --primary: #7f804f;
  --accent: #354f2c;
  --text: #13140b;
}

@theme {
  --color-bg: #eceddd;
  --color-surface: #c3b292;
  --color-primary: #7f804f;
  --color-accent: #354f2c;
  --color-text: #13140b;
}

{
  "classic-verdant-leaf-delta-2fg": {
    "bg": {
      "$type": "color",
      "$value": "#eceddd"
    },
    "surface": {
      "$type": "color",
      "$value": "#c3b292"
    },
    "primary": {
      "$type": "color",
      "$value": "#7f804f"
    },
    "accent": {
      "$type": "color",
      "$value": "#354f2c"
    },
    "text": {
      "$type": "color",
      "$value": "#13140b"
    }
  }
}