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 Dark Cyan Fog

Palette · 6 colors · Lc 9.2

Classic Dark Cyan Fog palette

Classic Dark Cyan Fog: a 6-color palette (Blue, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #000C0C, #00201F, #244340, #008D8B, #83AEBB, #E3EDEC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Gray
  • Cold
  • Dark Mode UI
  • UI System
  • 6 Colors

bg

#000C0C

surface

#00201F

muted

#244340

primary

#008D8B

accent

#83AEBB

text

#E3EDEC

Open in StudioOpen in PickerAll palettes

Colors in Classic Dark Cyan Fog: HEX, RGB, HSL & OKLCH

  • bg

    #000C0C

    #000C0C color page →
    RGB
    rgb(0 12 12)
    HSL
    hsl(180 100% 2%)
    OKLCH
    oklch(0.14 0.024 194.8)

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

  • surface

    #00201F

    #00201F color page →
    RGB
    rgb(0 32 31)
    HSL
    hsl(178 100% 6%)
    OKLCH
    oklch(0.22 0.038 191.8)

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

  • muted

    #244340

    #244340 color page →
    RGB
    rgb(36 67 64)
    HSL
    hsl(174 30% 20%)
    OKLCH
    oklch(0.358 0.037 187.7)

    WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)

  • primary

    #008D8B

    #008D8B color page →
    RGB
    rgb(0 141 139)
    HSL
    hsl(179 100% 28%)
    OKLCH
    oklch(0.582 0.1 193)

    WCAG contrast: on white 4.05:1 (Fail) · on black 5.18:1 (AA)

  • accent

    #83AEBB

    #83AEBB color page →
    RGB
    rgb(131 174 187)
    HSL
    hsl(194 29% 62%)
    OKLCH
    oklch(0.724 0.05 218.4)

    WCAG contrast: on white 2.40:1 (Fail) · on black 8.73:1 (AAA)

  • text

    #E3EDEC

    #E3EDEC color page →
    RGB
    rgb(227 237 236)
    HSL
    hsl(174 22% 91%)
    OKLCH
    oklch(0.938 0.011 189.8)

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

Export Classic Dark Cyan Fog: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #000c0c;
  --surface: #00201f;
  --muted: #244340;
  --primary: #008d8b;
  --accent: #83aebb;
  --text: #e3edec;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #000c0c;
  --color-surface: #00201f;
  --color-muted: #244340;
  --color-primary: #008d8b;
  --color-accent: #83aebb;
  --color-text: #e3edec;
}

JSON (DTCG tokens)

{
  "classic-dark-cyan-fog-60a": {
    "bg": {
      "$type": "color",
      "$value": "#000c0c"
    },
    "surface": {
      "$type": "color",
      "$value": "#00201f"
    },
    "muted": {
      "$type": "color",
      "$value": "#244340"
    },
    "primary": {
      "$type": "color",
      "$value": "#008d8b"
    },
    "accent": {
      "$type": "color",
      "$value": "#83aebb"
    },
    "text": {
      "$type": "color",
      "$value": "#e3edec"
    }
  }
}

About this palette

Classic Dark Cyan Fog is a 6-color OKLCH-ready palette tagged blue, gray, cold, dark mode ui, ui system, 6 colors. Hex values: #000C0C, #00201F, #244340, #008D8B, #83AEBB, #E3EDEC. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Java DuneBlue · Gray
  • Steady Emerald Whispers OrchardTurquoise · Gray
  • Classic Wizards Orb AtelierBlue · Gray
  • True Mediterranean Sea CascadeBlue · Cold
  • Steady Haddock’s Sweater MirrorViolet · Gray
  • Classic Pacific Pleasure VaultTrending · Blue

Palettes with similar colors

Closest to Classic Dark Cyan Fog by OKLab color distance.

  • True Go Go Green GlacierTurquoise · Cold
  • Pure Turkish Jade RibbonBlue · Cold
  • Steady Turkish Jade NoirBlue · Gray
  • True Oasis DriftBlue · Cold
  • Steady Go Go Green TideTurquoise · Gray
  • Classic Ivy LedgerTurquoise · Cold
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