Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Classic Elf Vault

Palette · 5 colors · Lc 9.6

Classic Elf Vault palette

Classic Elf Vault: a 5-color palette (Turquoise, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #020605, #0F1E1A, #008B6B, #83B7BA, #E3F4F0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Turquoise
  • Gray
  • Cold
  • Dark Mode UI
  • UI System
  • 5 Colors

bg

#020605

surface

#0F1E1A

primary

#008B6B

accent

#83B7BA

text

#E3F4F0

Open in StudioOpen in PickerAll palettes

Colors in Classic Elf Vault: HEX, RGB, HSL & OKLCH

  • bg

    #020605

    #020605 color page →
    RGB
    rgb(2 6 5)
    HSL
    hsl(165 50% 2%)
    OKLCH
    oklch(0.114 0.012 179.9)

    WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)

  • surface

    #0F1E1A

    #0F1E1A color page →
    RGB
    rgb(15 30 26)
    HSL
    hsl(164 33% 9%)
    OKLCH
    oklch(0.22 0.022 175.4)

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

  • primary

    #008B6B

    #008B6B color page →
    RGB
    rgb(0 139 107)
    HSL
    hsl(166 100% 27%)
    OKLCH
    oklch(0.566 0.113 169.3)

    WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)

  • accent

    #83B7BA

    #83B7BA color page →
    RGB
    rgb(131 183 186)
    HSL
    hsl(183 28% 62%)
    OKLCH
    oklch(0.744 0.055 200.6)

    WCAG contrast: on white 2.22:1 (Fail) · on black 9.44:1 (AAA)

  • text

    #E3F4F0

    #E3F4F0 color page →
    RGB
    rgb(227 244 240)
    HSL
    hsl(166 44% 92%)
    OKLCH
    oklch(0.953 0.019 180.3)

    WCAG contrast: on white 1.13:1 (Fail) · on black 18.46:1 (AAA)

Export Classic Elf Vault: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #020605;
  --surface: #0f1e1a;
  --primary: #008b6b;
  --accent: #83b7ba;
  --text: #e3f4f0;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #020605;
  --color-surface: #0f1e1a;
  --color-primary: #008b6b;
  --color-accent: #83b7ba;
  --color-text: #e3f4f0;
}

JSON (DTCG tokens)

{
  "classic-elf-vault-1bo": {
    "bg": {
      "$type": "color",
      "$value": "#020605"
    },
    "surface": {
      "$type": "color",
      "$value": "#0f1e1a"
    },
    "primary": {
      "$type": "color",
      "$value": "#008b6b"
    },
    "accent": {
      "$type": "color",
      "$value": "#83b7ba"
    },
    "text": {
      "$type": "color",
      "$value": "#e3f4f0"
    }
  }
}

About this palette

Classic Elf Vault is a 5-color OKLCH-ready palette tagged turquoise, gray, cold, dark mode ui, ui system, 5 colors. Hex values: #020605, #0F1E1A, #008B6B, #83B7BA, #E3F4F0. APCA contrast score Lc 9.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Emerald Whispers GroveTurquoise · Gray
  • Elf StudioTurquoise · Gray
  • Steady Emerald Whispers NoirTurquoise · Gray
  • True Elf DriftTurquoise · Gray
  • Classic Waikiki SystemBlue · Gray
  • Pure Emerald Whispers LatticeTurquoise · Gray

Palettes with similar colors

Closest to Classic Elf Vault by OKLab color distance.

  • Classic Primal Green HarborTurquoise · Cold
  • Blue Martini FogBlue · Cold
  • True Prairie GroveGreen · Cold
  • Steady Emerald Whispers OrchardTurquoise · Gray
  • True Baltic SystemBlue · Cold
  • True Broccoli Paradise FogGreen · Dark Mode UI
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA