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/Steady Ginger Nexus

Palette · 4 colors · Lc 9.2

Steady Ginger Nexus palette

Steady Ginger Nexus: a 4-color palette (Yellow, Warm, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #0F0B05, #4B3C1C, #B06400, #EFE9E0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Yellow
  • Warm
  • Dark Mode UI
  • UI System
  • 4 Colors

bg

#0F0B05

surface

#4B3C1C

accent

#B06400

text

#EFE9E0

Open in StudioOpen in PickerAll palettes

Colors in Steady Ginger Nexus: HEX, RGB, HSL & OKLCH

  • bg

    #0F0B05

    #0F0B05 color page →
    RGB
    rgb(15 11 5)
    HSL
    hsl(36 50% 4%)
    OKLCH
    oklch(0.152 0.015 81.2)

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

  • surface

    #4B3C1C

    #4B3C1C color page →
    RGB
    rgb(75 60 28)
    HSL
    hsl(41 46% 20%)
    OKLCH
    oklch(0.364 0.052 84.6)

    WCAG contrast: on white 10.70:1 (AAA) · on black 1.96:1 (Fail)

  • accent

    #B06400

    #B06400 color page →
    RGB
    rgb(176 100 0)
    HSL
    hsl(34 100% 35%)
    OKLCH
    oklch(0.577 0.133 61.8)

    WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)

  • text

    #EFE9E0

    #EFE9E0 color page →
    RGB
    rgb(239 233 224)
    HSL
    hsl(36 32% 91%)
    OKLCH
    oklch(0.936 0.014 78.3)

    WCAG contrast: on white 1.20:1 (Fail) · on black 17.40:1 (AAA)

Export Steady Ginger Nexus: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #0f0b05;
  --surface: #4b3c1c;
  --accent: #b06400;
  --text: #efe9e0;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #0f0b05;
  --color-surface: #4b3c1c;
  --color-accent: #b06400;
  --color-text: #efe9e0;
}

JSON (DTCG tokens)

{
  "steady-ginger-nexus-2r": {
    "bg": {
      "$type": "color",
      "$value": "#0f0b05"
    },
    "surface": {
      "$type": "color",
      "$value": "#4b3c1c"
    },
    "accent": {
      "$type": "color",
      "$value": "#b06400"
    },
    "text": {
      "$type": "color",
      "$value": "#efe9e0"
    }
  }
}

About this palette

Steady Ginger Nexus is a 4-color OKLCH-ready palette tagged yellow, warm, dark mode ui, ui system, 4 colors. Hex values: #0F0B05, #4B3C1C, #B06400, #EFE9E0. 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 Brandy Bear NexusYellow · Warm
  • Pure Dark Orange NexusYellow · Warm
  • Monument Valley GardenYellow · Gray
  • Classic Fire Ant FogYellow · Warm
  • Pure Dark Orange ArchiveYellow · Warm
  • Ginger QuartzYellow · Gray

Palettes with similar colors

Closest to Steady Ginger Nexus by OKLab color distance.

  • Classic Ginger OrchardYellow · Warm
  • Classic Ginger StudioTrending · Yellow
  • Classic Bloodhound DuneYellow · Warm
  • Pure Alligator VaultGreen · Gray
  • Embarrassed Frog KilnGreen · Gray
  • Autumnal VaultYellow · 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