True Exotic Escape Brief palette

Colors in True Exotic Escape Brief: HEX, RGB, HSL & OKLCH

• bg

  #E7F2ED

  #E7F2ED color page →

  RGB

  rgb(231 242 237)

  HSL

  hsl(153 30% 93%)

  OKLCH

  oklch(0.952 0.013 167.2)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)

• surface

  #BDF2DE

  #BDF2DE color page →

  RGB

  rgb(189 242 222)

  HSL

  hsl(157 67% 85%)

  OKLCH

  oklch(0.919 0.061 169.9)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.91:1 (AAA)

• primary

  #92D5D9

  #92D5D9 color page →

  RGB

  rgb(146 213 217)

  HSL

  hsl(183 48% 71%)

  OKLCH

  oklch(0.83 0.068 200.7)

  WCAG contrast: on white 1.64:1 (Fail) · on black 12.74:1 (AAA)

• accent

  #A3C3A6

  #A3C3A6 color page →

  RGB

  rgb(163 195 166)

  HSL

  hsl(126 21% 70%)

  OKLCH

  oklch(0.785 0.053 147.6)

  WCAG contrast: on white 1.92:1 (Fail) · on black 10.91:1 (AAA)

• text

  #293B34

  #293B34 color page →

  RGB

  rgb(41 59 52)

  HSL

  hsl(157 18% 20%)

  OKLCH

  oklch(0.334 0.026 168.7)

  WCAG contrast: on white 11.86:1 (AAA) · on black 1.76:1 (Fail)

Export True Exotic Escape Brief: CSS variables, Tailwind & JSON

:root {
  --bg: #e7f2ed;
  --surface: #bdf2de;
  --primary: #92d5d9;
  --accent: #a3c3a6;
  --text: #293b34;
}

@theme {
  --color-bg: #e7f2ed;
  --color-surface: #bdf2de;
  --color-primary: #92d5d9;
  --color-accent: #a3c3a6;
  --color-text: #293b34;
}

{
  "true-exotic-escape-brief-4vf": {
    "bg": {
      "$type": "color",
      "$value": "#e7f2ed"
    },
    "surface": {
      "$type": "color",
      "$value": "#bdf2de"
    },
    "primary": {
      "$type": "color",
      "$value": "#92d5d9"
    },
    "accent": {
      "$type": "color",
      "$value": "#a3c3a6"
    },
    "text": {
      "$type": "color",
      "$value": "#293b34"
    }
  }
}