True Blushing Sky Garden palette

Colors in True Blushing Sky Garden: HEX, RGB, HSL & OKLCH

• bg

  #F3F2F5

  #F3F2F5 color page →

  RGB

  rgb(243 242 245)

  HSL

  hsl(260 13% 95%)

  OKLCH

  oklch(0.963 0.004 301.4)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.83:1 (AAA)

• surface

  #DECFEF

  #DECFEF color page →

  RGB

  rgb(222 207 239)

  HSL

  hsl(268 50% 87%)

  OKLCH

  oklch(0.877 0.046 306.6)

  WCAG contrast: on white 1.47:1 (Fail) · on black 14.27:1 (AAA)

• primary

  #E2B5DB

  #E2B5DB color page →

  RGB

  rgb(226 181 219)

  HSL

  hsl(309 44% 80%)

  OKLCH

  oklch(0.825 0.072 331.5)

  WCAG contrast: on white 1.76:1 (Fail) · on black 11.86:1 (AAA)

• accent

  #ACB7DE

  #ACB7DE color page →

  RGB

  rgb(172 183 222)

  HSL

  hsl(227 43% 77%)

  OKLCH

  oklch(0.784 0.057 272.7)

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

• text

  #342E3E

  #342E3E color page →

  RGB

  rgb(52 46 62)

  HSL

  hsl(263 15% 21%)

  OKLCH

  oklch(0.314 0.029 301.9)

  WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)

Export True Blushing Sky Garden: CSS variables, Tailwind & JSON

:root {
  --bg: #f3f2f5;
  --surface: #decfef;
  --primary: #e2b5db;
  --accent: #acb7de;
  --text: #342e3e;
}

@theme {
  --color-bg: #f3f2f5;
  --color-surface: #decfef;
  --color-primary: #e2b5db;
  --color-accent: #acb7de;
  --color-text: #342e3e;
}

{
  "true-blushing-sky-garden-5ej": {
    "bg": {
      "$type": "color",
      "$value": "#f3f2f5"
    },
    "surface": {
      "$type": "color",
      "$value": "#decfef"
    },
    "primary": {
      "$type": "color",
      "$value": "#e2b5db"
    },
    "accent": {
      "$type": "color",
      "$value": "#acb7de"
    },
    "text": {
      "$type": "color",
      "$value": "#342e3e"
    }
  }
}