Classic Cabaret Dune palette

Colors in Classic Cabaret Dune: HEX, RGB, HSL & OKLCH

• bg

  #FFDCCF

  #FFDCCF color page →

  RGB

  rgb(255 220 207)

  HSL

  hsl(16 100% 91%)

  OKLCH

  oklch(0.92 0.043 41.5)

  WCAG contrast: on white 1.28:1 (Fail) · on black 16.39:1 (AAA)

• surface

  #FF927D

  #FF927D color page →

  RGB

  rgb(255 146 125)

  HSL

  hsl(10 100% 75%)

  OKLCH

  oklch(0.771 0.136 31.9)

  WCAG contrast: on white 2.17:1 (Fail) · on black 9.65:1 (AAA)

• primary

  #C85166

  #C85166 color page →

  RGB

  rgb(200 81 102)

  HSL

  hsl(349 52% 55%)

  OKLCH

  oklch(0.595 0.152 12.2)

  WCAG contrast: on white 4.35:1 (Fail) · on black 4.82:1 (AA)

• accent

  #852B56

  #852B56 color page →

  RGB

  rgb(133 43 86)

  HSL

  hsl(331 51% 35%)

  OKLCH

  oklch(0.437 0.131 354.4)

  WCAG contrast: on white 8.47:1 (AAA) · on black 2.47:1 (Fail)

• text

  #130D2F

  #130D2F color page →

  RGB

  rgb(19 13 47)

  HSL

  hsl(251 57% 12%)

  OKLCH

  oklch(0.191 0.065 286.6)

  WCAG contrast: on white 18.64:1 (AAA) · on black 1.12:1 (Fail)

Export Classic Cabaret Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #ffdccf;
  --surface: #ff927d;
  --primary: #c85166;
  --accent: #852b56;
  --text: #130d2f;
}

@theme {
  --color-bg: #ffdccf;
  --color-surface: #ff927d;
  --color-primary: #c85166;
  --color-accent: #852b56;
  --color-text: #130d2f;
}

{
  "classic-cabaret-dune-1i0": {
    "bg": {
      "$type": "color",
      "$value": "#ffdccf"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff927d"
    },
    "primary": {
      "$type": "color",
      "$value": "#c85166"
    },
    "accent": {
      "$type": "color",
      "$value": "#852b56"
    },
    "text": {
      "$type": "color",
      "$value": "#130d2f"
    }
  }
}