Dreamscape Purple Dune palette

Colors in Dreamscape Purple Dune: HEX, RGB, HSL & OKLCH

• bg

  #F8EAFF

  #F8EAFF color page →

  RGB

  rgb(248 234 255)

  HSL

  hsl(280 100% 96%)

  OKLCH

  oklch(0.954 0.032 314.7)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.20:1 (AAA)

• surface

  #D992F1

  #D992F1 color page →

  RGB

  rgb(217 146 241)

  HSL

  hsl(285 77% 76%)

  OKLCH

  oklch(0.764 0.151 317.3)

  WCAG contrast: on white 2.25:1 (Fail) · on black 9.33:1 (AAA)

• primary

  #9243BF

  #9243BF color page →

  RGB

  rgb(146 67 191)

  HSL

  hsl(278 49% 51%)

  OKLCH

  oklch(0.541 0.192 310.9)

  WCAG contrast: on white 5.55:1 (AA) · on black 3.77:1 (Fail)

• accent

  #561277

  #561277 color page →

  RGB

  rgb(86 18 119)

  HSL

  hsl(280 74% 27%)

  OKLCH

  oklch(0.355 0.16 311.1)

  WCAG contrast: on white 12.00:1 (AAA) · on black 1.74:1 (Fail)

• text

  #150818

  #150818 color page →

  RGB

  rgb(21 8 24)

  HSL

  hsl(289 50% 6%)

  OKLCH

  oklch(0.163 0.038 320)

  WCAG contrast: on white 19.44:1 (AAA) · on black 1.07:1 (Fail)

Export Dreamscape Purple Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #f8eaff;
  --surface: #d992f1;
  --primary: #9243bf;
  --accent: #561277;
  --text: #150818;
}

@theme {
  --color-bg: #f8eaff;
  --color-surface: #d992f1;
  --color-primary: #9243bf;
  --color-accent: #561277;
  --color-text: #150818;
}

{
  "dreamscape-purple-dune-5dv": {
    "bg": {
      "$type": "color",
      "$value": "#f8eaff"
    },
    "surface": {
      "$type": "color",
      "$value": "#d992f1"
    },
    "primary": {
      "$type": "color",
      "$value": "#9243bf"
    },
    "accent": {
      "$type": "color",
      "$value": "#561277"
    },
    "text": {
      "$type": "color",
      "$value": "#150818"
    }
  }
}