Steady Cherry Berry Dune palette

Colors in Steady Cherry Berry Dune: HEX, RGB, HSL & OKLCH

• bg

  #F6E5EA

  #F6E5EA color page →

  RGB

  rgb(246 229 234)

  HSL

  hsl(342 49% 93%)

  OKLCH

  oklch(0.937 0.02 357.6)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.31:1 (AAA)

• surface

  #9F5570

  #9F5570 color page →

  RGB

  rgb(159 85 112)

  HSL

  hsl(338 30% 48%)

  OKLCH

  oklch(0.545 0.102 357.8)

  WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)

• primary

  #327763

  #327763 color page →

  RGB

  rgb(50 119 99)

  HSL

  hsl(163 41% 33%)

  OKLCH

  oklch(0.519 0.077 171.4)

  WCAG contrast: on white 5.31:1 (AA) · on black 3.95:1 (Fail)

• accent

  #39272E

  #39272E color page →

  RGB

  rgb(57 39 46)

  HSL

  hsl(337 19% 19%)

  OKLCH

  oklch(0.297 0.029 353.9)

  WCAG contrast: on white 13.96:1 (AAA) · on black 1.50:1 (Fail)

• text

  #0D0306

  #0D0306 color page →

  RGB

  rgb(13 3 6)

  HSL

  hsl(342 63% 3%)

  OKLCH

  oklch(0.121 0.025 356.8)

  WCAG contrast: on white 20.33:1 (AAA) · on black 1.03:1 (Fail)

Export Steady Cherry Berry Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #f6e5ea;
  --surface: #9f5570;
  --primary: #327763;
  --accent: #39272e;
  --text: #0d0306;
}

@theme {
  --color-bg: #f6e5ea;
  --color-surface: #9f5570;
  --color-primary: #327763;
  --color-accent: #39272e;
  --color-text: #0d0306;
}

{
  "steady-cherry-berry-dune-3yg": {
    "bg": {
      "$type": "color",
      "$value": "#f6e5ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#9f5570"
    },
    "primary": {
      "$type": "color",
      "$value": "#327763"
    },
    "accent": {
      "$type": "color",
      "$value": "#39272e"
    },
    "text": {
      "$type": "color",
      "$value": "#0d0306"
    }
  }
}