Classic Shrimp Toast Forge palette

Colors in Classic Shrimp Toast Forge: HEX, RGB, HSL & OKLCH

• bg

  #FFF5F3

  #FFF5F3 color page →

  RGB

  rgb(255 245 243)

  HSL

  hsl(10 100% 98%)

  OKLCH

  oklch(0.977 0.011 31.1)

  WCAG contrast: on white 1.07:1 (Fail) · on black 19.60:1 (AAA)

• surface

  #FFD9D7

  #FFD9D7 color page →

  RGB

  rgb(255 217 215)

  HSL

  hsl(3 100% 92%)

  OKLCH

  oklch(0.917 0.043 21.5)

  WCAG contrast: on white 1.29:1 (Fail) · on black 16.15:1 (AAA)

• primary

  #FAC49E

  #FAC49E color page →

  RGB

  rgb(250 196 158)

  HSL

  hsl(25 90% 80%)

  OKLCH

  oklch(0.859 0.08 56.6)

  WCAG contrast: on white 1.56:1 (Fail) · on black 13.45:1 (AAA)

• accent

  #E5B0CB

  #E5B0CB color page →

  RGB

  rgb(229 176 203)

  HSL

  hsl(329 50% 79%)

  OKLCH

  oklch(0.813 0.071 346.8)

  WCAG contrast: on white 1.84:1 (Fail) · on black 11.40:1 (AAA)

• text

  #422C2A

  #422C2A color page →

  RGB

  rgb(66 44 42)

  HSL

  hsl(5 22% 21%)

  OKLCH

  oklch(0.319 0.033 24.9)

  WCAG contrast: on white 12.92:1 (AAA) · on black 1.62:1 (Fail)

Export Classic Shrimp Toast Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #fff5f3;
  --surface: #ffd9d7;
  --primary: #fac49e;
  --accent: #e5b0cb;
  --text: #422c2a;
}

@theme {
  --color-bg: #fff5f3;
  --color-surface: #ffd9d7;
  --color-primary: #fac49e;
  --color-accent: #e5b0cb;
  --color-text: #422c2a;
}

{
  "classic-shrimp-toast-forge-1ot": {
    "bg": {
      "$type": "color",
      "$value": "#fff5f3"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd9d7"
    },
    "primary": {
      "$type": "color",
      "$value": "#fac49e"
    },
    "accent": {
      "$type": "color",
      "$value": "#e5b0cb"
    },
    "text": {
      "$type": "color",
      "$value": "#422c2a"
    }
  }
}