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 Nocturne Red Studio

Palette · 7 colors · Lc 9.6

Classic Nocturne Red Studio palette

Classic Nocturne Red Studio: a 7-color palette (Trending, Red, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #E0F4E8, #6E9D85, #357377, #63688D, #804F60, #553F1F, #000F06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Trending
  • Red
  • Warm
  • 7 Colors

bg

#E0F4E8

surface

#6E9D85

muted

#357377

primary

#63688D

secondary

#804F60

accent

#553F1F

text

#000F06

Open in StudioOpen in PickerAll palettes

Colors in Classic Nocturne Red Studio: HEX, RGB, HSL & OKLCH

  • bg

    #E0F4E8

    #E0F4E8 color page →
    RGB
    rgb(224 244 232)
    HSL
    hsl(144 48% 92%)
    OKLCH
    oklch(0.949 0.026 159.6)

    WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)

  • surface

    #6E9D85

    #6E9D85 color page →
    RGB
    rgb(110 157 133)
    HSL
    hsl(149 19% 52%)
    OKLCH
    oklch(0.655 0.062 161.8)

    WCAG contrast: on white 3.07:1 (Fail) · on black 6.82:1 (AA)

  • muted

    #357377

    #357377 color page →
    RGB
    rgb(53 115 119)
    HSL
    hsl(184 38% 34%)
    OKLCH
    oklch(0.516 0.064 201)

    WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)

  • primary

    #63688D

    #63688D color page →
    RGB
    rgb(99 104 141)
    HSL
    hsl(233 18% 47%)
    OKLCH
    oklch(0.528 0.058 278.2)

    WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)

  • secondary

    #804F60

    #804F60 color page →
    RGB
    rgb(128 79 96)
    HSL
    hsl(339 24% 41%)
    OKLCH
    oklch(0.489 0.07 357.6)

    WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)

  • accent

    #553F1F

    #553F1F color page →
    RGB
    rgb(85 63 31)
    HSL
    hsl(36 47% 23%)
    OKLCH
    oklch(0.384 0.056 75.1)

    WCAG contrast: on white 9.91:1 (AAA) · on black 2.11:1 (Fail)

  • text

    #000F06

    #000F06 color page →
    RGB
    rgb(0 15 6)
    HSL
    hsl(144 100% 3%)
    OKLCH
    oklch(0.148 0.034 159.1)

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

Export Classic Nocturne Red Studio: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e0f4e8;
  --surface: #6e9d85;
  --muted: #357377;
  --primary: #63688d;
  --secondary: #804f60;
  --accent: #553f1f;
  --text: #000f06;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e0f4e8;
  --color-surface: #6e9d85;
  --color-muted: #357377;
  --color-primary: #63688d;
  --color-secondary: #804f60;
  --color-accent: #553f1f;
  --color-text: #000f06;
}

JSON (DTCG tokens)

{
  "classic-nocturne-red-studio-4sm": {
    "bg": {
      "$type": "color",
      "$value": "#e0f4e8"
    },
    "surface": {
      "$type": "color",
      "$value": "#6e9d85"
    },
    "muted": {
      "$type": "color",
      "$value": "#357377"
    },
    "primary": {
      "$type": "color",
      "$value": "#63688d"
    },
    "secondary": {
      "$type": "color",
      "$value": "#804f60"
    },
    "accent": {
      "$type": "color",
      "$value": "#553f1f"
    },
    "text": {
      "$type": "color",
      "$value": "#000f06"
    }
  }
}

About this palette

Classic Nocturne Red Studio is a 7-color OKLCH-ready palette tagged trending, red, warm, 7 colors. Hex values: #E0F4E8, #6E9D85, #357377, #63688D, #804F60, #553F1F, #000F06. 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 Vicious Violet VaultTrending · Red
  • Steady Fandango DuneTrending · Red
  • Classic Razzle Dazzle AtelierTrending · Red
  • True Grape Riot PulseTrending · Red
  • Neon Brutal Pink PrismTrending · Red
  • Steady Plum Highness CircuitTrending · Red

Palettes with similar colors

Closest to Classic Nocturne Red Studio by OKLab color distance.

  • Classic Hibernation LedgerRed · Gray
  • Steady Prismarine VaultBlue · Cold
  • Amazon StudioTurquoise · Cold
  • Shadows of Time DuneTurquoise · Cold
  • True Amazon ArchiveGreen · Gray
  • Pure Martian Cerulean AtelierTurquoise · Gray
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