Innocent Snowdrop Cascade palette

Colors in Innocent Snowdrop Cascade: HEX, RGB, HSL & OKLCH

• bg

  #EEF2FA

  #EEF2FA color page →

  RGB

  rgb(238 242 250)

  HSL

  hsl(220 55% 96%)

  OKLCH

  oklch(0.96 0.012 264.5)

  WCAG contrast: on white 1.12:1 (Fail) · on black 18.71:1 (AAA)

• surface

  #D2DFFF

  #D2DFFF color page →

  RGB

  rgb(210 223 255)

  HSL

  hsl(223 100% 91%)

  OKLCH

  oklch(0.904 0.046 267.9)

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

• primary

  #D5C8F6

  #D5C8F6 color page →

  RGB

  rgb(213 200 246)

  HSL

  hsl(257 72% 87%)

  OKLCH

  oklch(0.858 0.065 298)

  WCAG contrast: on white 1.56:1 (Fail) · on black 13.42:1 (AAA)

• accent

  #9FCBE5

  #9FCBE5 color page →

  RGB

  rgb(159 203 229)

  HSL

  hsl(202 57% 76%)

  OKLCH

  oklch(0.82 0.059 234.4)

  WCAG contrast: on white 1.72:1 (Fail) · on black 12.14:1 (AAA)

• text

  #2E3542

  #2E3542 color page →

  RGB

  rgb(46 53 66)

  HSL

  hsl(219 18% 22%)

  OKLCH

  oklch(0.328 0.025 262.8)

  WCAG contrast: on white 12.32:1 (AAA) · on black 1.70:1 (Fail)

Export Innocent Snowdrop Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #eef2fa;
  --surface: #d2dfff;
  --primary: #d5c8f6;
  --accent: #9fcbe5;
  --text: #2e3542;
}

@theme {
  --color-bg: #eef2fa;
  --color-surface: #d2dfff;
  --color-primary: #d5c8f6;
  --color-accent: #9fcbe5;
  --color-text: #2e3542;
}

{
  "innocent-snowdrop-cascade-11d": {
    "bg": {
      "$type": "color",
      "$value": "#eef2fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#d2dfff"
    },
    "primary": {
      "$type": "color",
      "$value": "#d5c8f6"
    },
    "accent": {
      "$type": "color",
      "$value": "#9fcbe5"
    },
    "text": {
      "$type": "color",
      "$value": "#2e3542"
    }
  }
}