Classic Hinterland Cascade palette

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

• bg

  #E0DCE2

  #E0DCE2 color page →

  RGB

  rgb(224 220 226)

  HSL

  hsl(280 9% 87%)

  OKLCH

  oklch(0.899 0.009 314.8)

  WCAG contrast: on white 1.35:1 (Fail) · on black 15.50:1 (AAA)

• surface

  #7A6C89

  #7A6C89 color page →

  RGB

  rgb(122 108 137)

  HSL

  hsl(269 12% 48%)

  OKLCH

  oklch(0.555 0.047 306.8)

  WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)

• primary

  #61714C

  #61714C color page →

  RGB

  rgb(97 113 76)

  HSL

  hsl(86 20% 37%)

  OKLCH

  oklch(0.525 0.059 127.3)

  WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)

• accent

  #43616C

  #43616C color page →

  RGB

  rgb(67 97 108)

  HSL

  hsl(196 23% 34%)

  OKLCH

  oklch(0.473 0.039 222.8)

  WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)

• text

  #0C090D

  #0C090D color page →

  RGB

  rgb(12 9 13)

  HSL

  hsl(285 18% 4%)

  OKLCH

  oklch(0.146 0.01 317.7)

  WCAG contrast: on white 19.80:1 (AAA) · on black 1.06:1 (Fail)

Export Classic Hinterland Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #e0dce2;
  --surface: #7a6c89;
  --primary: #61714c;
  --accent: #43616c;
  --text: #0c090d;
}

@theme {
  --color-bg: #e0dce2;
  --color-surface: #7a6c89;
  --color-primary: #61714c;
  --color-accent: #43616c;
  --color-text: #0c090d;
}

{
  "classic-hinterland-cascade-5hw": {
    "bg": {
      "$type": "color",
      "$value": "#e0dce2"
    },
    "surface": {
      "$type": "color",
      "$value": "#7a6c89"
    },
    "primary": {
      "$type": "color",
      "$value": "#61714c"
    },
    "accent": {
      "$type": "color",
      "$value": "#43616c"
    },
    "text": {
      "$type": "color",
      "$value": "#0c090d"
    }
  }
}