True Paradisiacal Getaway Dune palette

Colors in True Paradisiacal Getaway Dune: HEX, RGB, HSL & OKLCH

• bg

  #F0FBF8

  #F0FBF8 color page →

  RGB

  rgb(240 251 248)

  HSL

  hsl(164 58% 96%)

  OKLCH

  oklch(0.979 0.012 178)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.85:1 (AAA)

• surface

  #BCE2D2

  #BCE2D2 color page →

  RGB

  rgb(188 226 210)

  HSL

  hsl(155 40% 81%)

  OKLCH

  oklch(0.881 0.045 167.9)

  WCAG contrast: on white 1.40:1 (Fail) · on black 14.94:1 (AAA)

• primary

  #90D7D8

  #90D7D8 color page →

  RGB

  rgb(144 215 216)

  HSL

  hsl(181 48% 71%)

  OKLCH

  oklch(0.833 0.071 197)

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

• accent

  #9AC59F

  #9AC59F color page →

  RGB

  rgb(154 197 159)

  HSL

  hsl(127 27% 69%)

  OKLCH

  oklch(0.782 0.07 148)

  WCAG contrast: on white 1.93:1 (Fail) · on black 10.86:1 (AAA)

• text

  #253B33

  #253B33 color page →

  RGB

  rgb(37 59 51)

  HSL

  hsl(158 23% 19%)

  OKLCH

  oklch(0.331 0.031 169.6)

  WCAG contrast: on white 11.98:1 (AAA) · on black 1.75:1 (Fail)

Export True Paradisiacal Getaway Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #f0fbf8;
  --surface: #bce2d2;
  --primary: #90d7d8;
  --accent: #9ac59f;
  --text: #253b33;
}

@theme {
  --color-bg: #f0fbf8;
  --color-surface: #bce2d2;
  --color-primary: #90d7d8;
  --color-accent: #9ac59f;
  --color-text: #253b33;
}

{
  "true-paradisiacal-getaway-dune-2wo": {
    "bg": {
      "$type": "color",
      "$value": "#f0fbf8"
    },
    "surface": {
      "$type": "color",
      "$value": "#bce2d2"
    },
    "primary": {
      "$type": "color",
      "$value": "#90d7d8"
    },
    "accent": {
      "$type": "color",
      "$value": "#9ac59f"
    },
    "text": {
      "$type": "color",
      "$value": "#253b33"
    }
  }
}