Steady Shadows of Time Drift palette

Colors in Steady Shadows of Time Drift: HEX, RGB, HSL & OKLCH

• bg

  #000C07

  #000C07 color page →

  RGB

  rgb(0 12 7)

  HSL

  hsl(155 100% 2%)

  OKLCH

  oklch(0.137 0.027 169.8)

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

• surface

  #004B3D

  #004B3D color page →

  RGB

  rgb(0 75 61)

  HSL

  hsl(169 100% 15%)

  OKLCH

  oklch(0.368 0.07 174.8)

  WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)

• primary

  #008562

  #008562 color page →

  RGB

  rgb(0 133 98)

  HSL

  hsl(164 100% 26%)

  OKLCH

  oklch(0.547 0.113 166.5)

  WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)

• accent

  #6EC7A3

  #6EC7A3 color page →

  RGB

  rgb(110 199 163)

  HSL

  hsl(156 44% 61%)

  OKLCH

  oklch(0.764 0.102 165.6)

  WCAG contrast: on white 2.02:1 (Fail) · on black 10.36:1 (AAA)

• text

  #DEEFE5

  #DEEFE5 color page →

  RGB

  rgb(222 239 229)

  HSL

  hsl(145 35% 90%)

  OKLCH

  oklch(0.937 0.022 160.2)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)

Export Steady Shadows of Time Drift: CSS variables, Tailwind & JSON

:root {
  --bg: #000c07;
  --surface: #004b3d;
  --primary: #008562;
  --accent: #6ec7a3;
  --text: #deefe5;
}

@theme {
  --color-bg: #000c07;
  --color-surface: #004b3d;
  --color-primary: #008562;
  --color-accent: #6ec7a3;
  --color-text: #deefe5;
}

{
  "steady-shadows-of-time-drift-6i6": {
    "bg": {
      "$type": "color",
      "$value": "#000c07"
    },
    "surface": {
      "$type": "color",
      "$value": "#004b3d"
    },
    "primary": {
      "$type": "color",
      "$value": "#008562"
    },
    "accent": {
      "$type": "color",
      "$value": "#6ec7a3"
    },
    "text": {
      "$type": "color",
      "$value": "#deefe5"
    }
  }
}