True Caramel Mousse Dune palette

Colors in True Caramel Mousse Dune: HEX, RGB, HSL & OKLCH

• bg

  #FFF1E7

  #FFF1E7 color page →

  RGB

  rgb(255 241 231)

  HSL

  hsl(25 100% 95%)

  OKLCH

  oklch(0.966 0.02 58.1)

  WCAG contrast: on white 1.10:1 (Fail) · on black 18.98:1 (AAA)

• surface

  #F8D5C1

  #F8D5C1 color page →

  RGB

  rgb(248 213 193)

  HSL

  hsl(22 80% 86%)

  OKLCH

  oklch(0.897 0.048 51.6)

  WCAG contrast: on white 1.37:1 (Fail) · on black 15.27:1 (AAA)

• primary

  #E2C79F

  #E2C79F color page →

  RGB

  rgb(226 199 159)

  HSL

  hsl(36 54% 75%)

  OKLCH

  oklch(0.843 0.061 77.5)

  WCAG contrast: on white 1.62:1 (Fail) · on black 12.90:1 (AAA)

• accent

  #E8B5B7

  #E8B5B7 color page →

  RGB

  rgb(232 181 183)

  HSL

  hsl(358 53% 81%)

  OKLCH

  oklch(0.82 0.059 15.8)

  WCAG contrast: on white 1.79:1 (Fail) · on black 11.72:1 (AAA)

• text

  #442B1D

  #442B1D color page →

  RGB

  rgb(68 43 29)

  HSL

  hsl(22 40% 19%)

  OKLCH

  oklch(0.316 0.044 49.8)

  WCAG contrast: on white 13.05:1 (AAA) · on black 1.60:1 (Fail)

Export True Caramel Mousse Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #fff1e7;
  --surface: #f8d5c1;
  --primary: #e2c79f;
  --accent: #e8b5b7;
  --text: #442b1d;
}

@theme {
  --color-bg: #fff1e7;
  --color-surface: #f8d5c1;
  --color-primary: #e2c79f;
  --color-accent: #e8b5b7;
  --color-text: #442b1d;
}

{
  "true-caramel-mousse-dune-2n1": {
    "bg": {
      "$type": "color",
      "$value": "#fff1e7"
    },
    "surface": {
      "$type": "color",
      "$value": "#f8d5c1"
    },
    "primary": {
      "$type": "color",
      "$value": "#e2c79f"
    },
    "accent": {
      "$type": "color",
      "$value": "#e8b5b7"
    },
    "text": {
      "$type": "color",
      "$value": "#442b1d"
    }
  }
}