Classic Bureaucracy Prism palette

Colors in Classic Bureaucracy Prism: HEX, RGB, HSL & OKLCH

• bg

  #E2DEEC

  #E2DEEC color page →

  RGB

  rgb(226 222 236)

  HSL

  hsl(257 27% 90%)

  OKLCH

  oklch(0.908 0.019 299)

  WCAG contrast: on white 1.32:1 (Fail) · on black 15.89:1 (AAA)

• surface

  #786E95

  #786E95 color page →

  RGB

  rgb(120 110 149)

  HSL

  hsl(255 16% 51%)

  OKLCH

  oklch(0.562 0.06 296.2)

  WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)

• primary

  #816351

  #816351 color page →

  RGB

  rgb(129 99 81)

  HSL

  hsl(23 23% 41%)

  OKLCH

  oklch(0.525 0.048 52.3)

  WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)

• accent

  #41685D

  #41685D color page →

  RGB

  rgb(65 104 93)

  HSL

  hsl(163 23% 33%)

  OKLCH

  oklch(0.485 0.048 174.5)

  WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)

• text

  #0F0B1C

  #0F0B1C color page →

  RGB

  rgb(15 11 28)

  HSL

  hsl(254 44% 8%)

  OKLCH

  oklch(0.165 0.035 293)

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

Export Classic Bureaucracy Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #e2deec;
  --surface: #786e95;
  --primary: #816351;
  --accent: #41685d;
  --text: #0f0b1c;
}

@theme {
  --color-bg: #e2deec;
  --color-surface: #786e95;
  --color-primary: #816351;
  --color-accent: #41685d;
  --color-text: #0f0b1c;
}

{
  "classic-bureaucracy-prism-2dv": {
    "bg": {
      "$type": "color",
      "$value": "#e2deec"
    },
    "surface": {
      "$type": "color",
      "$value": "#786e95"
    },
    "primary": {
      "$type": "color",
      "$value": "#816351"
    },
    "accent": {
      "$type": "color",
      "$value": "#41685d"
    },
    "text": {
      "$type": "color",
      "$value": "#0f0b1c"
    }
  }
}