Steady Shrimp Toast Orchard palette

Colors in Steady Shrimp Toast Orchard: HEX, RGB, HSL & OKLCH

• bg

  #FAF4F3

  #FAF4F3 color page →

  RGB

  rgb(250 244 243)

  HSL

  hsl(9 41% 97%)

  OKLCH

  oklch(0.972 0.007 28.8)

  WCAG contrast: on white 1.08:1 (Fail) · on black 19.29:1 (AAA)

• surface

  #FFD2C5

  #FFD2C5 color page →

  RGB

  rgb(255 210 197)

  HSL

  hsl(13 100% 89%)

  OKLCH

  oklch(0.899 0.054 36.7)

  WCAG contrast: on white 1.37:1 (Fail) · on black 15.27:1 (AAA)

• primary

  #F5C29E

  #F5C29E color page →

  RGB

  rgb(245 194 158)

  HSL

  hsl(25 81% 79%)

  OKLCH

  oklch(0.851 0.076 56.7)

  WCAG contrast: on white 1.60:1 (Fail) · on black 13.09:1 (AAA)

• accent

  #E6B6BB

  #E6B6BB color page →

  RGB

  rgb(230 182 187)

  HSL

  hsl(354 49% 81%)

  OKLCH

  oklch(0.821 0.056 11.4)

  WCAG contrast: on white 1.78:1 (Fail) · on black 11.77:1 (AAA)

• text

  #482D24

  #482D24 color page →

  RGB

  rgb(72 45 36)

  HSL

  hsl(15 33% 21%)

  OKLCH

  oklch(0.328 0.043 39.2)

  WCAG contrast: on white 12.52:1 (AAA) · on black 1.67:1 (Fail)

Export Steady Shrimp Toast Orchard: CSS variables, Tailwind & JSON

:root {
  --bg: #faf4f3;
  --surface: #ffd2c5;
  --primary: #f5c29e;
  --accent: #e6b6bb;
  --text: #482d24;
}

@theme {
  --color-bg: #faf4f3;
  --color-surface: #ffd2c5;
  --color-primary: #f5c29e;
  --color-accent: #e6b6bb;
  --color-text: #482d24;
}

{
  "steady-shrimp-toast-orchard-6le": {
    "bg": {
      "$type": "color",
      "$value": "#faf4f3"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd2c5"
    },
    "primary": {
      "$type": "color",
      "$value": "#f5c29e"
    },
    "accent": {
      "$type": "color",
      "$value": "#e6b6bb"
    },
    "text": {
      "$type": "color",
      "$value": "#482d24"
    }
  }
}