Steady Stellar Dune palette

Colors in Steady Stellar Dune: HEX, RGB, HSL & OKLCH

• bg

  #F0E2F0

  #F0E2F0 color page →

  RGB

  rgb(240 226 240)

  HSL

  hsl(300 32% 91%)

  OKLCH

  oklch(0.928 0.024 325.8)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.84:1 (AAA)

• surface

  #856B84

  #856B84 color page →

  RGB

  rgb(133 107 132)

  HSL

  hsl(302 11% 47%)

  OKLCH

  oklch(0.562 0.049 327.4)

  WCAG contrast: on white 4.73:1 (AA) · on black 4.43:1 (Fail)

• primary

  #516853

  #516853 color page →

  RGB

  rgb(81 104 83)

  HSL

  hsl(125 12% 36%)

  OKLCH

  oklch(0.492 0.043 147.2)

  WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)

• accent

  #40657F

  #40657F color page →

  RGB

  rgb(64 101 127)

  HSL

  hsl(205 33% 37%)

  OKLCH

  oklch(0.49 0.06 240.2)

  WCAG contrast: on white 6.20:1 (AA) · on black 3.38:1 (Fail)

• text

  #120E13

  #120E13 color page →

  RGB

  rgb(18 14 19)

  HSL

  hsl(288 15% 6%)

  OKLCH

  oklch(0.171 0.012 319.5)

  WCAG contrast: on white 19.12:1 (AAA) · on black 1.09:1 (Fail)

Export Steady Stellar Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #f0e2f0;
  --surface: #856b84;
  --primary: #516853;
  --accent: #40657f;
  --text: #120e13;
}

@theme {
  --color-bg: #f0e2f0;
  --color-surface: #856b84;
  --color-primary: #516853;
  --color-accent: #40657f;
  --color-text: #120e13;
}

{
  "steady-stellar-dune-3ml": {
    "bg": {
      "$type": "color",
      "$value": "#f0e2f0"
    },
    "surface": {
      "$type": "color",
      "$value": "#856b84"
    },
    "primary": {
      "$type": "color",
      "$value": "#516853"
    },
    "accent": {
      "$type": "color",
      "$value": "#40657f"
    },
    "text": {
      "$type": "color",
      "$value": "#120e13"
    }
  }
}