Classic Toad King Delta palette

Colors in Classic Toad King Delta: HEX, RGB, HSL & OKLCH

• bg

  #E4F4EC

  #E4F4EC color page →

  RGB

  rgb(228 244 236)

  HSL

  hsl(150 42% 93%)

  OKLCH

  oklch(0.953 0.02 164.6)

  WCAG contrast: on white 1.13:1 (Fail) · on black 18.45:1 (AAA)

• surface

  #9ABDAF

  #9ABDAF color page →

  RGB

  rgb(154 189 175)

  HSL

  hsl(156 21% 67%)

  OKLCH

  oklch(0.769 0.043 168.9)

  WCAG contrast: on white 2.04:1 (Fail) · on black 10.27:1 (AAA)

• primary

  #4E7561

  #4E7561 color page →

  RGB

  rgb(78 117 97)

  HSL

  hsl(149 20% 38%)

  OKLCH

  oklch(0.527 0.054 161.4)

  WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)

• accent

  #203F32

  #203F32 color page →

  RGB

  rgb(32 63 50)

  HSL

  hsl(155 33% 19%)

  OKLCH

  oklch(0.339 0.044 165)

  WCAG contrast: on white 11.54:1 (AAA) · on black 1.81:1 (Fail)

• text

  #010A05

  #010A05 color page →

  RGB

  rgb(1 10 5)

  HSL

  hsl(147 82% 2%)

  OKLCH

  oklch(0.13 0.024 162.4)

  WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)

Export Classic Toad King Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #e4f4ec;
  --surface: #9abdaf;
  --primary: #4e7561;
  --accent: #203f32;
  --text: #010a05;
}

@theme {
  --color-bg: #e4f4ec;
  --color-surface: #9abdaf;
  --color-primary: #4e7561;
  --color-accent: #203f32;
  --color-text: #010a05;
}

{
  "classic-toad-king-delta-1wi": {
    "bg": {
      "$type": "color",
      "$value": "#e4f4ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#9abdaf"
    },
    "primary": {
      "$type": "color",
      "$value": "#4e7561"
    },
    "accent": {
      "$type": "color",
      "$value": "#203f32"
    },
    "text": {
      "$type": "color",
      "$value": "#010a05"
    }
  }
}