Steady Stardust Evening Vault palette

Colors in Steady Stardust Evening Vault: HEX, RGB, HSL & OKLCH

• bg

  #EBFBFF

  #EBFBFF color page →

  RGB

  rgb(235 251 255)

  HSL

  hsl(192 100% 96%)

  OKLCH

  oklch(0.977 0.018 214.4)

  WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)

• surface

  #B7DFFD

  #B7DFFD color page →

  RGB

  rgb(183 223 253)

  HSL

  hsl(206 95% 85%)

  OKLCH

  oklch(0.885 0.059 240.7)

  WCAG contrast: on white 1.40:1 (Fail) · on black 14.98:1 (AAA)

• primary

  #BBC0EA

  #BBC0EA color page →

  RGB

  rgb(187 192 234)

  HSL

  hsl(234 53% 83%)

  OKLCH

  oklch(0.818 0.059 279.7)

  WCAG contrast: on white 1.77:1 (Fail) · on black 11.84:1 (AAA)

• accent

  #90C0CA

  #90C0CA color page →

  RGB

  rgb(144 192 202)

  HSL

  hsl(190 35% 68%)

  OKLCH

  oklch(0.777 0.052 211.9)

  WCAG contrast: on white 1.98:1 (Fail) · on black 10.57:1 (AAA)

• text

  #273B4C

  #273B4C color page →

  RGB

  rgb(39 59 76)

  HSL

  hsl(208 32% 23%)

  OKLCH

  oklch(0.343 0.039 245)

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

Export Steady Stardust Evening Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #ebfbff;
  --surface: #b7dffd;
  --primary: #bbc0ea;
  --accent: #90c0ca;
  --text: #273b4c;
}

@theme {
  --color-bg: #ebfbff;
  --color-surface: #b7dffd;
  --color-primary: #bbc0ea;
  --color-accent: #90c0ca;
  --color-text: #273b4c;
}

{
  "steady-stardust-evening-vault-47c": {
    "bg": {
      "$type": "color",
      "$value": "#ebfbff"
    },
    "surface": {
      "$type": "color",
      "$value": "#b7dffd"
    },
    "primary": {
      "$type": "color",
      "$value": "#bbc0ea"
    },
    "accent": {
      "$type": "color",
      "$value": "#90c0ca"
    },
    "text": {
      "$type": "color",
      "$value": "#273b4c"
    }
  }
}