Steady Peppermint Swirl Studio palette

Colors in Steady Peppermint Swirl Studio: HEX, RGB, HSL & OKLCH

• bg

  #FFE2D9

  #FFE2D9 color page →

  RGB

  rgb(255 226 217)

  HSL

  hsl(14 100% 93%)

  OKLCH

  oklch(0.934 0.034 38)

  WCAG contrast: on white 1.22:1 (Fail) · on black 17.13:1 (AAA)

• surface

  #F8929B

  #F8929B color page →

  RGB

  rgb(248 146 155)

  HSL

  hsl(355 88% 77%)

  OKLCH

  oklch(0.769 0.123 14.7)

  WCAG contrast: on white 2.19:1 (Fail) · on black 9.57:1 (AAA)

• primary

  #CB6079

  #CB6079 color page →

  RGB

  rgb(203 96 121)

  HSL

  hsl(346 51% 59%)

  OKLCH

  oklch(0.625 0.138 7.2)

  WCAG contrast: on white 3.82:1 (Fail) · on black 5.48:1 (AA)

• accent

  #892F64

  #892F64 color page →

  RGB

  rgb(137 47 100)

  HSL

  hsl(325 49% 36%)

  OKLCH

  oklch(0.454 0.136 347.5)

  WCAG contrast: on white 7.91:1 (AAA) · on black 2.65:1 (Fail)

• text

  #0D112A

  #0D112A color page →

  RGB

  rgb(13 17 42)

  HSL

  hsl(232 53% 11%)

  OKLCH

  oklch(0.19 0.051 273.8)

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

Export Steady Peppermint Swirl Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #ffe2d9;
  --surface: #f8929b;
  --primary: #cb6079;
  --accent: #892f64;
  --text: #0d112a;
}

@theme {
  --color-bg: #ffe2d9;
  --color-surface: #f8929b;
  --color-primary: #cb6079;
  --color-accent: #892f64;
  --color-text: #0d112a;
}

{
  "steady-peppermint-swirl-studio-7mj": {
    "bg": {
      "$type": "color",
      "$value": "#ffe2d9"
    },
    "surface": {
      "$type": "color",
      "$value": "#f8929b"
    },
    "primary": {
      "$type": "color",
      "$value": "#cb6079"
    },
    "accent": {
      "$type": "color",
      "$value": "#892f64"
    },
    "text": {
      "$type": "color",
      "$value": "#0d112a"
    }
  }
}