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/Pure Astral Noir

Palette · 6 colors · Lc 8.1

Pure Astral Noir palette

Pure Astral Noir: a 6-color palette (Violet, Gray, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #D6E7ED, #A4C6CE, #5F91A2, #33718E, #244558, #0D191D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Gray
  • Cold
  • 6 Colors

bg

#D6E7ED

surface

#A4C6CE

muted

#5F91A2

primary

#33718E

accent

#244558

text

#0D191D

Open in StudioOpen in PickerAll palettes

Colors in Pure Astral Noir: HEX, RGB, HSL & OKLCH

  • bg

    #D6E7ED

    #D6E7ED color page →
    RGB
    rgb(214 231 237)
    HSL
    hsl(196 39% 88%)
    OKLCH
    oklch(0.917 0.02 220.9)

    WCAG contrast: on white 1.27:1 (Fail) · on black 16.51:1 (AAA)

  • surface

    #A4C6CE

    #A4C6CE color page →
    RGB
    rgb(164 198 206)
    HSL
    hsl(191 30% 73%)
    OKLCH
    oklch(0.804 0.038 213.6)

    WCAG contrast: on white 1.81:1 (Fail) · on black 11.54:1 (AAA)

  • muted

    #5F91A2

    #5F91A2 color page →
    RGB
    rgb(95 145 162)
    HSL
    hsl(195 26% 50%)
    OKLCH
    oklch(0.628 0.059 221.4)

    WCAG contrast: on white 3.46:1 (Fail) · on black 6.05:1 (AA)

  • primary

    #33718E

    #33718E color page →
    RGB
    rgb(51 113 142)
    HSL
    hsl(199 47% 38%)
    OKLCH
    oklch(0.52 0.078 231.2)

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

  • accent

    #244558

    #244558 color page →
    RGB
    rgb(36 69 88)
    HSL
    hsl(202 42% 24%)
    OKLCH
    oklch(0.374 0.051 235.6)

    WCAG contrast: on white 10.15:1 (AAA) · on black 2.06:1 (Fail)

  • text

    #0D191D

    #0D191D color page →
    RGB
    rgb(13 25 29)
    HSL
    hsl(195 38% 8%)
    OKLCH
    oklch(0.204 0.019 220.9)

    WCAG contrast: on white 17.88:1 (AAA) · on black 1.17:1 (Fail)

Export Pure Astral Noir: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #d6e7ed;
  --surface: #a4c6ce;
  --muted: #5f91a2;
  --primary: #33718e;
  --accent: #244558;
  --text: #0d191d;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #d6e7ed;
  --color-surface: #a4c6ce;
  --color-muted: #5f91a2;
  --color-primary: #33718e;
  --color-accent: #244558;
  --color-text: #0d191d;
}

JSON (DTCG tokens)

{
  "pure-astral-noir-2f2": {
    "bg": {
      "$type": "color",
      "$value": "#d6e7ed"
    },
    "surface": {
      "$type": "color",
      "$value": "#a4c6ce"
    },
    "muted": {
      "$type": "color",
      "$value": "#5f91a2"
    },
    "primary": {
      "$type": "color",
      "$value": "#33718e"
    },
    "accent": {
      "$type": "color",
      "$value": "#244558"
    },
    "text": {
      "$type": "color",
      "$value": "#0d191d"
    }
  }
}

About this palette

Pure Astral Noir is a 6-color OKLCH-ready palette tagged violet, gray, cold, 6 colors. Hex values: #D6E7ED, #A4C6CE, #5F91A2, #33718E, #244558, #0D191D. APCA contrast score Lc 8.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Harbour Blue NexusViolet · Gray
  • Steady Haunt Mist HorizonViolet · Gray
  • Classic King Neptune DriftViolet · Gray
  • Classic Tempest RibbonViolet · Gray
  • Classic Far Horizons GroveViolet · Gray
  • Quiet Petrol Slumber CascadeViolet · Gray

Palettes with similar colors

Closest to Pure Astral Noir by OKLab color distance.

  • Pure Seaside OrchardBlue · Gray
  • True Tranquili Teal RibbonBlue · Gray
  • True Martian Cerulean MirrorTurquoise · Gray
  • Pure Waterworld BeaconBlue · Cold
  • Classic Lake Lucerne MeadowBlue · Gray
  • Steady Lagoon TideTurquoise · 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