Pure Novel Lilac Harbor palette

Colors in Pure Novel Lilac Harbor: HEX, RGB, HSL & OKLCH

• bg

  #0D080B

  #0D080B color page →

  RGB

  rgb(13 8 11)

  HSL

  hsl(324 24% 4%)

  OKLCH

  oklch(0.143 0.011 341.4)

  WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)

• surface

  #4F3645

  #4F3645 color page →

  RGB

  rgb(79 54 69)

  HSL

  hsl(324 19% 26%)

  OKLCH

  oklch(0.367 0.043 342.7)

  WCAG contrast: on white 10.79:1 (AAA) · on black 1.94:1 (Fail)

• primary

  #806177

  #806177 color page →

  RGB

  rgb(128 97 119)

  HSL

  hsl(317 14% 44%)

  OKLCH

  oklch(0.531 0.051 337.2)

  WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)

• accent

  #C4A3BC

  #C4A3BC color page →

  RGB

  rgb(196 163 188)

  HSL

  hsl(315 22% 70%)

  OKLCH

  oklch(0.753 0.051 334.7)

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

• text

  #EDEAEC

  #EDEAEC color page →

  RGB

  rgb(237 234 236)

  HSL

  hsl(320 8% 92%)

  OKLCH

  oklch(0.94 0.004 337.4)

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

Export Pure Novel Lilac Harbor: CSS variables, Tailwind & JSON

:root {
  --bg: #0d080b;
  --surface: #4f3645;
  --primary: #806177;
  --accent: #c4a3bc;
  --text: #edeaec;
}

@theme {
  --color-bg: #0d080b;
  --color-surface: #4f3645;
  --color-primary: #806177;
  --color-accent: #c4a3bc;
  --color-text: #edeaec;
}

{
  "pure-novel-lilac-harbor-2uf": {
    "bg": {
      "$type": "color",
      "$value": "#0d080b"
    },
    "surface": {
      "$type": "color",
      "$value": "#4f3645"
    },
    "primary": {
      "$type": "color",
      "$value": "#806177"
    },
    "accent": {
      "$type": "color",
      "$value": "#c4a3bc"
    },
    "text": {
      "$type": "color",
      "$value": "#edeaec"
    }
  }
}