Classic Bermuda Onion Meadow palette

Colors in Classic Bermuda Onion Meadow: HEX, RGB, HSL & OKLCH

• bg

  #EAE3EC

  #EAE3EC color page →

  RGB

  rgb(234 227 236)

  HSL

  hsl(287 19% 91%)

  OKLCH

  oklch(0.924 0.014 318.7)

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

• surface

  #96629A

  #96629A color page →

  RGB

  rgb(150 98 154)

  HSL

  hsl(296 22% 49%)

  OKLCH

  oklch(0.572 0.103 324.3)

  WCAG contrast: on white 4.65:1 (AA) · on black 4.51:1 (AA)

• primary

  #805D11

  #805D11 color page →

  RGB

  rgb(128 93 17)

  HSL

  hsl(41 77% 28%)

  OKLCH

  oklch(0.502 0.097 81)

  WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)

• accent

  #127076

  #127076 color page →

  RGB

  rgb(18 112 118)

  HSL

  hsl(184 74% 27%)

  OKLCH

  oklch(0.498 0.08 201.7)

  WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)

• text

  #130B15

  #130B15 color page →

  RGB

  rgb(19 11 21)

  HSL

  hsl(288 31% 6%)

  OKLCH

  oklch(0.166 0.024 319.5)

  WCAG contrast: on white 19.33:1 (AAA) · on black 1.08:1 (Fail)

Export Classic Bermuda Onion Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #eae3ec;
  --surface: #96629a;
  --primary: #805d11;
  --accent: #127076;
  --text: #130b15;
}

@theme {
  --color-bg: #eae3ec;
  --color-surface: #96629a;
  --color-primary: #805d11;
  --color-accent: #127076;
  --color-text: #130b15;
}

{
  "classic-bermuda-onion-meadow-1px": {
    "bg": {
      "$type": "color",
      "$value": "#eae3ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#96629a"
    },
    "primary": {
      "$type": "color",
      "$value": "#805d11"
    },
    "accent": {
      "$type": "color",
      "$value": "#127076"
    },
    "text": {
      "$type": "color",
      "$value": "#130b15"
    }
  }
}