Classic Prunella Forge palette

Colors in Classic Prunella Forge: HEX, RGB, HSL & OKLCH

• bg

  #F3ECF2

  #F3ECF2 color page →

  RGB

  rgb(243 236 242)

  HSL

  hsl(309 23% 94%)

  OKLCH

  oklch(0.95 0.011 330.1)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.09:1 (AAA)

• surface

  #BE8AC5

  #BE8AC5 color page →

  RGB

  rgb(190 138 197)

  HSL

  hsl(293 34% 66%)

  OKLCH

  oklch(0.704 0.102 322.5)

  WCAG contrast: on white 2.75:1 (Fail) · on black 7.63:1 (AAA)

• primary

  #964A91

  #964A91 color page →

  RGB

  rgb(150 74 145)

  HSL

  hsl(304 34% 44%)

  OKLCH

  oklch(0.529 0.137 329.8)

  WCAG contrast: on white 5.69:1 (AA) · on black 3.68:1 (Fail)

• accent

  #5E2041

  #5E2041 color page →

  RGB

  rgb(94 32 65)

  HSL

  hsl(328 49% 25%)

  OKLCH

  oklch(0.349 0.099 350.4)

  WCAG contrast: on white 11.93:1 (AAA) · on black 1.75:1 (Fail)

• text

  #150C12

  #150C12 color page →

  RGB

  rgb(21 12 18)

  HSL

  hsl(320 27% 6%)

  OKLCH

  oklch(0.169 0.019 339.4)

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

Export Classic Prunella Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f3ecf2;
  --surface: #be8ac5;
  --primary: #964a91;
  --accent: #5e2041;
  --text: #150c12;
}

@theme {
  --color-bg: #f3ecf2;
  --color-surface: #be8ac5;
  --color-primary: #964a91;
  --color-accent: #5e2041;
  --color-text: #150c12;
}

{
  "classic-prunella-forge-1v6": {
    "bg": {
      "$type": "color",
      "$value": "#f3ecf2"
    },
    "surface": {
      "$type": "color",
      "$value": "#be8ac5"
    },
    "primary": {
      "$type": "color",
      "$value": "#964a91"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e2041"
    },
    "text": {
      "$type": "color",
      "$value": "#150c12"
    }
  }
}