Steady Turf Master Dune palette

Colors in Steady Turf Master Dune: HEX, RGB, HSL & OKLCH

• bg

  #030B05

  #030B05 color page →

  RGB

  rgb(3 11 5)

  HSL

  hsl(135 57% 3%)

  OKLCH

  oklch(0.137 0.022 153.2)

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

• surface

  #062015

  #062015 color page →

  RGB

  rgb(6 32 21)

  HSL

  hsl(155 68% 7%)

  OKLCH

  oklch(0.219 0.039 162.6)

  WCAG contrast: on white 17.14:1 (AAA) · on black 1.22:1 (Fail)

• primary

  #00A030

  #00A030 color page →

  RGB

  rgb(0 160 48)

  HSL

  hsl(138 100% 31%)

  OKLCH

  oklch(0.614 0.189 145.7)

  WCAG contrast: on white 3.45:1 (Fail) · on black 6.07:1 (AA)

• accent

  #38B6B0

  #38B6B0 color page →

  RGB

  rgb(56 182 176)

  HSL

  hsl(177 53% 47%)

  OKLCH

  oklch(0.708 0.108 190.4)

  WCAG contrast: on white 2.47:1 (Fail) · on black 8.48:1 (AAA)

• text

  #E1EFE7

  #E1EFE7 color page →

  RGB

  rgb(225 239 231)

  HSL

  hsl(146 30% 91%)

  OKLCH

  oklch(0.939 0.018 161.1)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.70:1 (AAA)

Export Steady Turf Master Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #030b05;
  --surface: #062015;
  --primary: #00a030;
  --accent: #38b6b0;
  --text: #e1efe7;
}

@theme {
  --color-bg: #030b05;
  --color-surface: #062015;
  --color-primary: #00a030;
  --color-accent: #38b6b0;
  --color-text: #e1efe7;
}

{
  "steady-turf-master-dune-41k": {
    "bg": {
      "$type": "color",
      "$value": "#030b05"
    },
    "surface": {
      "$type": "color",
      "$value": "#062015"
    },
    "primary": {
      "$type": "color",
      "$value": "#00a030"
    },
    "accent": {
      "$type": "color",
      "$value": "#38b6b0"
    },
    "text": {
      "$type": "color",
      "$value": "#e1efe7"
    }
  }
}