Steady Cedar Chest Studio palette

Colors in Steady Cedar Chest Studio: HEX, RGB, HSL & OKLCH

• bg

  #FFEAD6

  #FFEAD6 color page →

  RGB

  rgb(255 234 214)

  HSL

  hsl(29 100% 92%)

  OKLCH

  oklch(0.949 0.035 66)

  WCAG contrast: on white 1.16:1 (Fail) · on black 17.99:1 (AAA)

• surface

  #ED926D

  #ED926D color page →

  RGB

  rgb(237 146 109)

  HSL

  hsl(17 78% 68%)

  OKLCH

  oklch(0.746 0.122 42.7)

  WCAG contrast: on white 2.35:1 (Fail) · on black 8.93:1 (AAA)

• primary

  #D25A4A

  #D25A4A color page →

  RGB

  rgb(210 90 74)

  HSL

  hsl(7 60% 56%)

  OKLCH

  oklch(0.617 0.155 29.8)

  WCAG contrast: on white 3.96:1 (Fail) · on black 5.30:1 (AA)

• accent

  #892C43

  #892C43 color page →

  RGB

  rgb(137 44 67)

  HSL

  hsl(345 51% 35%)

  OKLCH

  oklch(0.438 0.127 9.1)

  WCAG contrast: on white 8.38:1 (AAA) · on black 2.50:1 (Fail)

• text

  #1E1534

  #1E1534 color page →

  RGB

  rgb(30 21 52)

  HSL

  hsl(257 42% 14%)

  OKLCH

  oklch(0.225 0.059 294.6)

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

Export Steady Cedar Chest Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #ffead6;
  --surface: #ed926d;
  --primary: #d25a4a;
  --accent: #892c43;
  --text: #1e1534;
}

@theme {
  --color-bg: #ffead6;
  --color-surface: #ed926d;
  --color-primary: #d25a4a;
  --color-accent: #892c43;
  --color-text: #1e1534;
}

{
  "steady-cedar-chest-studio-1a1": {
    "bg": {
      "$type": "color",
      "$value": "#ffead6"
    },
    "surface": {
      "$type": "color",
      "$value": "#ed926d"
    },
    "primary": {
      "$type": "color",
      "$value": "#d25a4a"
    },
    "accent": {
      "$type": "color",
      "$value": "#892c43"
    },
    "text": {
      "$type": "color",
      "$value": "#1e1534"
    }
  }
}