Pure Purple Haze Grove palette

Colors in Pure Purple Haze Grove: HEX, RGB, HSL & OKLCH

• bg

  #F0EEF4

  #F0EEF4 color page →

  RGB

  rgb(240 238 244)

  HSL

  hsl(260 21% 95%)

  OKLCH

  oklch(0.952 0.008 301.4)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)

• surface

  #A7A8CB

  #A7A8CB color page →

  RGB

  rgb(167 168 203)

  HSL

  hsl(238 26% 73%)

  OKLCH

  oklch(0.743 0.05 283.8)

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

• primary

  #7E7099

  #7E7099 color page →

  RGB

  rgb(126 112 153)

  HSL

  hsl(260 17% 52%)

  OKLCH

  oklch(0.573 0.064 300)

  WCAG contrast: on white 4.50:1 (AA) · on black 4.66:1 (AA)

• accent

  #59465D

  #59465D color page →

  RGB

  rgb(89 70 93)

  HSL

  hsl(290 14% 32%)

  OKLCH

  oklch(0.423 0.044 320.4)

  WCAG contrast: on white 8.54:1 (AAA) · on black 2.45:1 (Fail)

• text

  #18141E

  #18141E color page →

  RGB

  rgb(24 20 30)

  HSL

  hsl(264 20% 10%)

  OKLCH

  oklch(0.201 0.021 302.9)

  WCAG contrast: on white 18.14:1 (AAA) · on black 1.15:1 (Fail)

Export Pure Purple Haze Grove: CSS variables, Tailwind & JSON

:root {
  --bg: #f0eef4;
  --surface: #a7a8cb;
  --primary: #7e7099;
  --accent: #59465d;
  --text: #18141e;
}

@theme {
  --color-bg: #f0eef4;
  --color-surface: #a7a8cb;
  --color-primary: #7e7099;
  --color-accent: #59465d;
  --color-text: #18141e;
}

{
  "pure-purple-haze-grove-74f": {
    "bg": {
      "$type": "color",
      "$value": "#f0eef4"
    },
    "surface": {
      "$type": "color",
      "$value": "#a7a8cb"
    },
    "primary": {
      "$type": "color",
      "$value": "#7e7099"
    },
    "accent": {
      "$type": "color",
      "$value": "#59465d"
    },
    "text": {
      "$type": "color",
      "$value": "#18141e"
    }
  }
}