Classic Grape Candy Pulse palette

Colors in Classic Grape Candy Pulse: HEX, RGB, HSL & OKLCH

• bg

  #E1EBEC

  #E1EBEC color page →

  RGB

  rgb(225 235 236)

  HSL

  hsl(185 22% 90%)

  OKLCH

  oklch(0.933 0.011 204.1)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.29:1 (AAA)

• surface

  #008AA0

  #008AA0 color page →

  RGB

  rgb(0 138 160)

  HSL

  hsl(188 100% 31%)

  OKLCH

  oklch(0.582 0.102 214.1)

  WCAG contrast: on white 4.08:1 (Fail) · on black 5.14:1 (AA)

• primary

  #8D4D84

  #8D4D84 color page →

  RGB

  rgb(141 77 132)

  HSL

  hsl(308 29% 43%)

  OKLCH

  oklch(0.516 0.113 332.5)

  WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)

• accent

  #795D00

  #795D00 color page →

  RGB

  rgb(121 93 0)

  HSL

  hsl(46 100% 24%)

  OKLCH

  oklch(0.493 0.101 88.1)

  WCAG contrast: on white 6.21:1 (AA) · on black 3.37:1 (Fail)

• text

  #031113

  #031113 color page →

  RGB

  rgb(3 17 19)

  HSL

  hsl(188 73% 4%)

  OKLCH

  oklch(0.165 0.022 206.2)

  WCAG contrast: on white 19.20:1 (AAA) · on black 1.09:1 (Fail)

Export Classic Grape Candy Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #e1ebec;
  --surface: #008aa0;
  --primary: #8d4d84;
  --accent: #795d00;
  --text: #031113;
}

@theme {
  --color-bg: #e1ebec;
  --color-surface: #008aa0;
  --color-primary: #8d4d84;
  --color-accent: #795d00;
  --color-text: #031113;
}

{
  "classic-grape-candy-pulse-4vj": {
    "bg": {
      "$type": "color",
      "$value": "#e1ebec"
    },
    "surface": {
      "$type": "color",
      "$value": "#008aa0"
    },
    "primary": {
      "$type": "color",
      "$value": "#8d4d84"
    },
    "accent": {
      "$type": "color",
      "$value": "#795d00"
    },
    "text": {
      "$type": "color",
      "$value": "#031113"
    }
  }
}