True Dreamscape Purple Horizon palette

Colors in True Dreamscape Purple Horizon: HEX, RGB, HSL & OKLCH

• bg

  #05020C

  #05020C color page →

  RGB

  rgb(5 2 12)

  HSL

  hsl(258 71% 3%)

  OKLCH

  oklch(0.104 0.032 300.2)

  WCAG contrast: on white 20.57:1 (AAA) · on black 1.02:1 (Fail)

• surface

  #1C152A

  #1C152A color page →

  RGB

  rgb(28 21 42)

  HSL

  hsl(260 33% 12%)

  OKLCH

  oklch(0.216 0.041 298.2)

  WCAG contrast: on white 17.64:1 (AAA) · on black 1.19:1 (Fail)

• primary

  #8C41C9

  #8C41C9 color page →

  RGB

  rgb(140 65 201)

  HSL

  hsl(273 56% 52%)

  OKLCH

  oklch(0.538 0.203 305.9)

  WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)

• accent

  #BC88C0

  #BC88C0 color page →

  RGB

  rgb(188 136 192)

  HSL

  hsl(296 31% 64%)

  OKLCH

  oklch(0.696 0.099 324.2)

  WCAG contrast: on white 2.82:1 (Fail) · on black 7.42:1 (AAA)

• text

  #E8E4F0

  #E8E4F0 color page →

  RGB

  rgb(232 228 240)

  HSL

  hsl(260 29% 92%)

  OKLCH

  oklch(0.925 0.017 301.2)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.78:1 (AAA)

Export True Dreamscape Purple Horizon: CSS variables, Tailwind & JSON

:root {
  --bg: #05020c;
  --surface: #1c152a;
  --primary: #8c41c9;
  --accent: #bc88c0;
  --text: #e8e4f0;
}

@theme {
  --color-bg: #05020c;
  --color-surface: #1c152a;
  --color-primary: #8c41c9;
  --color-accent: #bc88c0;
  --color-text: #e8e4f0;
}

{
  "true-dreamscape-purple-horizon-28m": {
    "bg": {
      "$type": "color",
      "$value": "#05020c"
    },
    "surface": {
      "$type": "color",
      "$value": "#1c152a"
    },
    "primary": {
      "$type": "color",
      "$value": "#8c41c9"
    },
    "accent": {
      "$type": "color",
      "$value": "#bc88c0"
    },
    "text": {
      "$type": "color",
      "$value": "#e8e4f0"
    }
  }
}