Bold Candy Grape Fizz System palette

Colors in Bold Candy Grape Fizz System: HEX, RGB, HSL & OKLCH

• bg

  #EFEEFB

  #EFEEFB color page →

  RGB

  rgb(239 238 251)

  HSL

  hsl(245 62% 96%)

  OKLCH

  oklch(0.954 0.017 289.6)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)

• surface

  #7B4EF7

  #7B4EF7 color page →

  RGB

  rgb(123 78 247)

  HSL

  hsl(256 91% 64%)

  OKLCH

  oklch(0.572 0.237 288.9)

  WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)

• primary

  #6C6500

  #6C6500 color page →

  RGB

  rgb(108 101 0)

  HSL

  hsl(56 100% 21%)

  OKLCH

  oklch(0.497 0.105 104.9)

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

• accent

  #2A1F4F

  #2A1F4F color page →

  RGB

  rgb(42 31 79)

  HSL

  hsl(254 44% 22%)

  OKLCH

  oklch(0.281 0.085 290.5)

  WCAG contrast: on white 14.92:1 (AAA) · on black 1.40:1 (Fail)

• text

  #0E0D12

  #0E0D12 color page →

  RGB

  rgb(14 13 18)

  HSL

  hsl(252 16% 6%)

  OKLCH

  oklch(0.163 0.011 294.4)

  WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)

Export Bold Candy Grape Fizz System: CSS variables, Tailwind & JSON

:root {
  --bg: #efeefb;
  --surface: #7b4ef7;
  --primary: #6c6500;
  --accent: #2a1f4f;
  --text: #0e0d12;
}

@theme {
  --color-bg: #efeefb;
  --color-surface: #7b4ef7;
  --color-primary: #6c6500;
  --color-accent: #2a1f4f;
  --color-text: #0e0d12;
}

{
  "bold-candy-grape-fizz-system-4bk": {
    "bg": {
      "$type": "color",
      "$value": "#efeefb"
    },
    "surface": {
      "$type": "color",
      "$value": "#7b4ef7"
    },
    "primary": {
      "$type": "color",
      "$value": "#6c6500"
    },
    "accent": {
      "$type": "color",
      "$value": "#2a1f4f"
    },
    "text": {
      "$type": "color",
      "$value": "#0e0d12"
    }
  }
}