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 Islamic Green Noir

Palette · 4 colors · Lc 9.2

Classic Islamic Green Noir palette

Classic Islamic Green Noir: a 4-color palette (Green, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #000902, #324232, #009A00, #E3F1E5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Dark Mode UI
  • UI System
  • 4 Colors

bg

#000902

surface

#324232

accent

#009A00

text

#E3F1E5

Open in StudioOpen in PickerAll palettes

Colors in Classic Islamic Green Noir: HEX, RGB, HSL & OKLCH

  • bg

    #000902

    #000902 color page →
    RGB
    rgb(0 9 2)
    HSL
    hsl(133 100% 2%)
    OKLCH
    oklch(0.122 0.033 151.5)

    WCAG contrast: on white 20.19:1 (AAA) · on black 1.03:1 (Fail)

  • surface

    #324232

    #324232 color page →
    RGB
    rgb(50 66 50)
    HSL
    hsl(120 14% 23%)
    OKLCH
    oklch(0.36 0.034 144.8)

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

  • accent

    #009A00

    #009A00 color page →
    RGB
    rgb(0 154 0)
    HSL
    hsl(120 100% 30%)
    OKLCH
    oklch(0.595 0.202 142.5)

    WCAG contrast: on white 3.73:1 (Fail) · on black 5.62:1 (AA)

  • text

    #E3F1E5

    #E3F1E5 color page →
    RGB
    rgb(227 241 229)
    HSL
    hsl(129 33% 92%)
    OKLCH
    oklch(0.944 0.022 149.7)

    WCAG contrast: on white 1.16:1 (Fail) · on black 17.97:1 (AAA)

Export Classic Islamic Green Noir: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #000902;
  --surface: #324232;
  --accent: #009a00;
  --text: #e3f1e5;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #000902;
  --color-surface: #324232;
  --color-accent: #009a00;
  --color-text: #e3f1e5;
}

JSON (DTCG tokens)

{
  "classic-islamic-green-noir-4e": {
    "bg": {
      "$type": "color",
      "$value": "#000902"
    },
    "surface": {
      "$type": "color",
      "$value": "#324232"
    },
    "accent": {
      "$type": "color",
      "$value": "#009a00"
    },
    "text": {
      "$type": "color",
      "$value": "#e3f1e5"
    }
  }
}

About this palette

Classic Islamic Green Noir is a 4-color OKLCH-ready palette tagged green, dark mode ui, ui system, 4 colors. Hex values: #000902, #324232, #009A00, #E3F1E5. 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.

  • Pure Avocado GardenGreen · Dark Mode UI
  • Steady Master Chief HorizonGreen · Dark Mode UI
  • Pure Shepherd’s Green GardenGreen · Gray
  • Pure Alligator VaultGreen · Gray
  • Steady Avocado DuneGreen · Dark Mode UI
  • True Olive VaultTrending · Green

Palettes with similar colors

Closest to Classic Islamic Green Noir by OKLab color distance.

  • Clover PulseGreen · Dark Mode UI
  • Classic Sacro Bosco EmberGreen · Dark Mode UI
  • Steady Clover BeaconTrending · Green
  • Steady Asparagus Sultan SystemGreen · Dark Mode UI
  • Emerald RibbonGreen · 4 Colors
  • Classic Bejewelled SystemTurquoise · 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