Classic Rustling Leaves Beacon palette

Colors in Classic Rustling Leaves Beacon: HEX, RGB, HSL & OKLCH

• bg

  #F7E0E0

  #F7E0E0 color page →

  RGB

  rgb(247 224 224)

  HSL

  hsl(0 59% 92%)

  OKLCH

  oklch(0.925 0.025 17.6)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.69:1 (AAA)

• surface

  #D39B9B

  #D39B9B color page →

  RGB

  rgb(211 155 155)

  HSL

  hsl(0 39% 72%)

  OKLCH

  oklch(0.743 0.067 18.8)

  WCAG contrast: on white 2.35:1 (Fail) · on black 8.93:1 (AAA)

• primary

  #B26C6B

  #B26C6B color page →

  RGB

  rgb(178 108 107)

  HSL

  hsl(1 32% 56%)

  OKLCH

  oklch(0.607 0.09 20.9)

  WCAG contrast: on white 3.99:1 (Fail) · on black 5.25:1 (AA)

• accent

  #623739

  #623739 color page →

  RGB

  rgb(98 55 57)

  HSL

  hsl(357 28% 30%)

  OKLCH

  oklch(0.391 0.062 17.3)

  WCAG contrast: on white 9.88:1 (AAA) · on black 2.12:1 (Fail)

• text

  #1D0507

  #1D0507 color page →

  RGB

  rgb(29 5 7)

  HSL

  hsl(355 71% 7%)

  OKLCH

  oklch(0.162 0.044 17.1)

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

Export Classic Rustling Leaves Beacon: CSS variables, Tailwind & JSON

:root {
  --bg: #f7e0e0;
  --surface: #d39b9b;
  --primary: #b26c6b;
  --accent: #623739;
  --text: #1d0507;
}

@theme {
  --color-bg: #f7e0e0;
  --color-surface: #d39b9b;
  --color-primary: #b26c6b;
  --color-accent: #623739;
  --color-text: #1d0507;
}

{
  "classic-rustling-leaves-beacon-4la": {
    "bg": {
      "$type": "color",
      "$value": "#f7e0e0"
    },
    "surface": {
      "$type": "color",
      "$value": "#d39b9b"
    },
    "primary": {
      "$type": "color",
      "$value": "#b26c6b"
    },
    "accent": {
      "$type": "color",
      "$value": "#623739"
    },
    "text": {
      "$type": "color",
      "$value": "#1d0507"
    }
  }
}