True Limestoned Delta palette

Colors in True Limestoned Delta: HEX, RGB, HSL & OKLCH

• bg

  #F0FCF7

  #F0FCF7 color page →

  RGB

  rgb(240 252 247)

  HSL

  hsl(155 67% 96%)

  OKLCH

  oklch(0.981 0.014 169.3)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.97:1 (AAA)

• surface

  #B5EDDB

  #B5EDDB color page →

  RGB

  rgb(181 237 219)

  HSL

  hsl(161 61% 82%)

  OKLCH

  oklch(0.903 0.062 173.1)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.10:1 (AAA)

• primary

  #9CD8DB

  #9CD8DB color page →

  RGB

  rgb(156 216 219)

  HSL

  hsl(183 47% 74%)

  OKLCH

  oklch(0.843 0.061 200)

  WCAG contrast: on white 1.58:1 (Fail) · on black 13.25:1 (AAA)

• accent

  #A5D2AC

  #A5D2AC color page →

  RGB

  rgb(165 210 172)

  HSL

  hsl(129 33% 74%)

  OKLCH

  oklch(0.821 0.071 149.2)

  WCAG contrast: on white 1.69:1 (Fail) · on black 12.41:1 (AAA)

• text

  #283C35

  #283C35 color page →

  RGB

  rgb(40 60 53)

  HSL

  hsl(159 20% 20%)

  OKLCH

  oklch(0.337 0.028 170.8)

  WCAG contrast: on white 11.74:1 (AAA) · on black 1.78:1 (Fail)

Export True Limestoned Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #f0fcf7;
  --surface: #b5eddb;
  --primary: #9cd8db;
  --accent: #a5d2ac;
  --text: #283c35;
}

@theme {
  --color-bg: #f0fcf7;
  --color-surface: #b5eddb;
  --color-primary: #9cd8db;
  --color-accent: #a5d2ac;
  --color-text: #283c35;
}

{
  "true-limestoned-delta-6lg": {
    "bg": {
      "$type": "color",
      "$value": "#f0fcf7"
    },
    "surface": {
      "$type": "color",
      "$value": "#b5eddb"
    },
    "primary": {
      "$type": "color",
      "$value": "#9cd8db"
    },
    "accent": {
      "$type": "color",
      "$value": "#a5d2ac"
    },
    "text": {
      "$type": "color",
      "$value": "#283c35"
    }
  }
}