Dusk Chocolate Fantasies Bloom palette

Colors in Dusk Chocolate Fantasies Bloom: HEX, RGB, HSL & OKLCH

• bg

  #F0EDE0

  #F0EDE0 color page →

  RGB

  rgb(240 237 224)

  HSL

  hsl(49 35% 91%)

  OKLCH

  oklch(0.945 0.018 96.1)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)

• surface

  #BBA071

  #BBA071 color page →

  RGB

  rgb(187 160 113)

  HSL

  hsl(38 35% 59%)

  OKLCH

  oklch(0.719 0.071 81)

  WCAG contrast: on white 2.50:1 (Fail) · on black 8.37:1 (AAA)

• primary

  #926D3F

  #926D3F color page →

  RGB

  rgb(146 109 63)

  HSL

  hsl(33 40% 41%)

  OKLCH

  oklch(0.562 0.078 71.1)

  WCAG contrast: on white 4.68:1 (AA) · on black 4.48:1 (Fail)

• accent

  #5E350B

  #5E350B color page →

  RGB

  rgb(94 53 11)

  HSL

  hsl(30 79% 21%)

  OKLCH

  oklch(0.373 0.079 60.6)

  WCAG contrast: on white 10.55:1 (AAA) · on black 1.99:1 (Fail)

• text

  #1F160D

  #1F160D color page →

  RGB

  rgb(31 22 13)

  HSL

  hsl(30 41% 9%)

  OKLCH

  oklch(0.209 0.022 66.1)

  WCAG contrast: on white 17.81:1 (AAA) · on black 1.17:1 (Fail)

Export Dusk Chocolate Fantasies Bloom: CSS variables, Tailwind & JSON

:root {
  --bg: #f0ede0;
  --surface: #bba071;
  --primary: #926d3f;
  --accent: #5e350b;
  --text: #1f160d;
}

@theme {
  --color-bg: #f0ede0;
  --color-surface: #bba071;
  --color-primary: #926d3f;
  --color-accent: #5e350b;
  --color-text: #1f160d;
}

{
  "dusk-chocolate-fantasies-bloom-5k2": {
    "bg": {
      "$type": "color",
      "$value": "#f0ede0"
    },
    "surface": {
      "$type": "color",
      "$value": "#bba071"
    },
    "primary": {
      "$type": "color",
      "$value": "#926d3f"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e350b"
    },
    "text": {
      "$type": "color",
      "$value": "#1f160d"
    }
  }
}