Airy Pristine Oceanic Forge palette

Colors in Airy Pristine Oceanic Forge: HEX, RGB, HSL & OKLCH

• bg

  #000F10

  #000F10 color page →

  RGB

  rgb(0 15 16)

  HSL

  hsl(184 100% 3%)

  OKLCH

  oklch(0.153 0.026 199.5)

  WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)

• surface

  #00474C

  #00474C color page →

  RGB

  rgb(0 71 76)

  HSL

  hsl(184 100% 15%)

  OKLCH

  oklch(0.362 0.062 202.8)

  WCAG contrast: on white 10.47:1 (AAA) · on black 2.00:1 (Fail)

• primary

  #008885

  #008885 color page →

  RGB

  rgb(0 136 133)

  HSL

  hsl(179 100% 27%)

  OKLCH

  oklch(0.566 0.097 192)

  WCAG contrast: on white 4.32:1 (Fail) · on black 4.86:1 (AA)

• accent

  #1DCBBA

  #1DCBBA color page →

  RGB

  rgb(29 203 186)

  HSL

  hsl(174 75% 45%)

  OKLCH

  oklch(0.759 0.13 184.1)

  WCAG contrast: on white 2.03:1 (Fail) · on black 10.30:1 (AAA)

• text

  #E3FAF3

  #E3FAF3 color page →

  RGB

  rgb(227 250 243)

  HSL

  hsl(162 70% 94%)

  OKLCH

  oklch(0.966 0.026 175.6)

  WCAG contrast: on white 1.09:1 (Fail) · on black 19.23:1 (AAA)

Export Airy Pristine Oceanic Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #000f10;
  --surface: #00474c;
  --primary: #008885;
  --accent: #1dcbba;
  --text: #e3faf3;
}

@theme {
  --color-bg: #000f10;
  --color-surface: #00474c;
  --color-primary: #008885;
  --color-accent: #1dcbba;
  --color-text: #e3faf3;
}

{
  "airy-pristine-oceanic-forge-10g": {
    "bg": {
      "$type": "color",
      "$value": "#000f10"
    },
    "surface": {
      "$type": "color",
      "$value": "#00474c"
    },
    "primary": {
      "$type": "color",
      "$value": "#008885"
    },
    "accent": {
      "$type": "color",
      "$value": "#1dcbba"
    },
    "text": {
      "$type": "color",
      "$value": "#e3faf3"
    }
  }
}