Pure Leafy Harbor palette

Colors in Pure Leafy Harbor: HEX, RGB, HSL & OKLCH

• bg

  #D9E7D5

  #D9E7D5 color page →

  RGB

  rgb(217 231 213)

  HSL

  hsl(107 27% 87%)

  OKLCH

  oklch(0.913 0.028 138.7)

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

• surface

  #97B98D

  #97B98D color page →

  RGB

  rgb(151 185 141)

  HSL

  hsl(106 24% 64%)

  OKLCH

  oklch(0.749 0.072 138.6)

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

• primary

  #649C63

  #649C63 color page →

  RGB

  rgb(100 156 99)

  HSL

  hsl(119 22% 50%)

  OKLCH

  oklch(0.639 0.102 143.9)

  WCAG contrast: on white 3.24:1 (Fail) · on black 6.47:1 (AA)

• accent

  #3E5739

  #3E5739 color page →

  RGB

  rgb(62 87 57)

  HSL

  hsl(110 21% 28%)

  OKLCH

  oklch(0.428 0.057 140.4)

  WCAG contrast: on white 7.99:1 (AAA) · on black 2.62:1 (Fail)

• text

  #1D251B

  #1D251B color page →

  RGB

  rgb(29 37 27)

  HSL

  hsl(108 16% 13%)

  OKLCH

  oklch(0.253 0.022 139.4)

  WCAG contrast: on white 15.75:1 (AAA) · on black 1.33:1 (Fail)

Export Pure Leafy Harbor: CSS variables, Tailwind & JSON

:root {
  --bg: #d9e7d5;
  --surface: #97b98d;
  --primary: #649c63;
  --accent: #3e5739;
  --text: #1d251b;
}

@theme {
  --color-bg: #d9e7d5;
  --color-surface: #97b98d;
  --color-primary: #649c63;
  --color-accent: #3e5739;
  --color-text: #1d251b;
}

{
  "pure-leafy-harbor-e1": {
    "bg": {
      "$type": "color",
      "$value": "#d9e7d5"
    },
    "surface": {
      "$type": "color",
      "$value": "#97b98d"
    },
    "primary": {
      "$type": "color",
      "$value": "#649c63"
    },
    "accent": {
      "$type": "color",
      "$value": "#3e5739"
    },
    "text": {
      "$type": "color",
      "$value": "#1d251b"
    }
  }
}