Classic Glazed Chestnut Cascade palette

Colors in Classic Glazed Chestnut Cascade: HEX, RGB, HSL & OKLCH

• bg

  #E6E0D2

  #E6E0D2 color page →

  RGB

  rgb(230 224 210)

  HSL

  hsl(42 29% 86%)

  OKLCH

  oklch(0.908 0.02 87.5)

  WCAG contrast: on white 1.31:1 (Fail) · on black 15.95:1 (AAA)

• surface

  #977100

  #977100 color page →

  RGB

  rgb(151 113 0)

  HSL

  hsl(45 100% 30%)

  OKLCH

  oklch(0.571 0.117 85.1)

  WCAG contrast: on white 4.48:1 (Fail) · on black 4.67:1 (AA)

• primary

  #007885

  #007885 color page →

  RGB

  rgb(0 120 133)

  HSL

  hsl(186 100% 26%)

  OKLCH

  oklch(0.524 0.09 208)

  WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)

• accent

  #8A4E82

  #8A4E82 color page →

  RGB

  rgb(138 78 130)

  HSL

  hsl(308 28% 42%)

  OKLCH

  oklch(0.513 0.107 332)

  WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)

• text

  #131007

  #131007 color page →

  RGB

  rgb(19 16 7)

  HSL

  hsl(45 46% 5%)

  OKLCH

  oklch(0.174 0.018 92.3)

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

Export Classic Glazed Chestnut Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #e6e0d2;
  --surface: #977100;
  --primary: #007885;
  --accent: #8a4e82;
  --text: #131007;
}

@theme {
  --color-bg: #e6e0d2;
  --color-surface: #977100;
  --color-primary: #007885;
  --color-accent: #8a4e82;
  --color-text: #131007;
}

{
  "classic-glazed-chestnut-cascade-4sl": {
    "bg": {
      "$type": "color",
      "$value": "#e6e0d2"
    },
    "surface": {
      "$type": "color",
      "$value": "#977100"
    },
    "primary": {
      "$type": "color",
      "$value": "#007885"
    },
    "accent": {
      "$type": "color",
      "$value": "#8a4e82"
    },
    "text": {
      "$type": "color",
      "$value": "#131007"
    }
  }
}