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/Atomic Incision Beacon

Palette · 5 colors · Lc 8.3

Atomic Incision Beacon palette

Atomic Incision Beacon: a 5-color palette (Orange, Warm, OKLCH Neon, Cyberpunk). HEX, RGB, HSL and OKLCH for #020715, #5085FF, #FF1928, #00B50F, #DCE2EF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • OKLCH Neon
  • Cyberpunk
  • 5 Colors

bg

#020715

surface

#5085FF

primary

#FF1928

accent

#00B50F

text

#DCE2EF

Open in StudioOpen in PickerAll palettes

Colors in Atomic Incision Beacon: HEX, RGB, HSL & OKLCH

  • bg

    #020715

    #020715 color page →
    RGB
    rgb(2 7 21)
    HSL
    hsl(224 83% 5%)
    OKLCH
    oklch(0.131 0.035 260.3)

    WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)

  • surface

    #5085FF

    #5085FF color page →
    RGB
    rgb(80 133 255)
    HSL
    hsl(222 100% 66%)
    OKLCH
    oklch(0.643 0.19 264.1)

    WCAG contrast: on white 3.42:1 (Fail) · on black 6.14:1 (AA)

  • primary

    #FF1928

    #FF1928 color page →
    RGB
    rgb(255 25 40)
    HSL
    hsl(356 100% 55%)
    OKLCH
    oklch(0.635 0.25 26.5)

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

  • accent

    #00B50F

    #00B50F color page →
    RGB
    rgb(0 181 15)
    HSL
    hsl(125 100% 35%)
    OKLCH
    oklch(0.67 0.225 142.9)

    WCAG contrast: on white 2.75:1 (Fail) · on black 7.61:1 (AAA)

  • text

    #DCE2EF

    #DCE2EF color page →
    RGB
    rgb(220 226 239)
    HSL
    hsl(221 37% 90%)
    OKLCH
    oklch(0.912 0.019 266)

    WCAG contrast: on white 1.29:1 (Fail) · on black 16.16:1 (AAA)

Export Atomic Incision Beacon: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #020715;
  --surface: #5085ff;
  --primary: #ff1928;
  --accent: #00b50f;
  --text: #dce2ef;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #020715;
  --color-surface: #5085ff;
  --color-primary: #ff1928;
  --color-accent: #00b50f;
  --color-text: #dce2ef;
}

JSON (DTCG tokens)

{
  "atomic-incision-beacon-4d9": {
    "bg": {
      "$type": "color",
      "$value": "#020715"
    },
    "surface": {
      "$type": "color",
      "$value": "#5085ff"
    },
    "primary": {
      "$type": "color",
      "$value": "#ff1928"
    },
    "accent": {
      "$type": "color",
      "$value": "#00b50f"
    },
    "text": {
      "$type": "color",
      "$value": "#dce2ef"
    }
  }
}

About this palette

Atomic Incision Beacon is a 5-color OKLCH-ready palette tagged orange, warm, oklch neon, cyberpunk, 5 colors. Hex values: #020715, #5085FF, #FF1928, #00B50F, #DCE2EF. APCA contrast score Lc 8.3. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Bold Devil’s Advocate LedgerTrending · Orange
  • Electric Boiling Magma MeadowOrange · Warm
  • Neon Incision DeltaOrange · Warm
  • Neon Red Stop PulseTrending · Orange
  • Neon Guns N’ Roses SignalRed · Warm
  • Vivid Red Stop CascadeTrending · Orange

Palettes with similar colors

Closest to Atomic Incision Beacon by OKLab color distance.

  • Vivid Demeter Green DriftGreen · OKLCH Neon
  • Bold Crude Banana LatticeGreen · OKLCH Neon
  • Bold Orion Nebula BriefPink · OKLCH Neon
  • Electric Bubblegum Baby Girl HarborPink · OKLCH Neon
  • Electric Green Glimmer GroveGreen · OKLCH Neon
  • Classic Shrine of Pleasures BloomRed · Warm
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. Conçu pour la couleur précise.

Signaler une contrefaçon: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA