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/True Bronze Noir

Palette · 5 colors · Lc 6.9

True Bronze Noir palette

True Bronze Noir: a 5-color palette (Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #DCD9CC, #BAAE70, #A37600, #634D01, #232011, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Warm
  • 5 Colors

bg

#DCD9CC

surface

#BAAE70

primary

#A37600

accent

#634D01

text

#232011

Open in StudioOpen in PickerAll palettes

Colors in True Bronze Noir: HEX, RGB, HSL & OKLCH

  • bg

    #DCD9CC

    #DCD9CC color page →
    RGB
    rgb(220 217 204)
    HSL
    hsl(49 19% 83%)
    OKLCH
    oklch(0.884 0.018 96.1)

    WCAG contrast: on white 1.41:1 (Fail) · on black 14.84:1 (AAA)

  • surface

    #BAAE70

    #BAAE70 color page →
    RGB
    rgb(186 174 112)
    HSL
    hsl(50 35% 58%)
    OKLCH
    oklch(0.747 0.083 98.6)

    WCAG contrast: on white 2.23:1 (Fail) · on black 9.37:1 (AAA)

  • primary

    #A37600

    #A37600 color page →
    RGB
    rgb(163 118 0)
    HSL
    hsl(43 100% 32%)
    OKLCH
    oklch(0.595 0.123 81.9)

    WCAG contrast: on white 4.07:1 (Fail) · on black 5.14:1 (AA)

  • accent

    #634D01

    #634D01 color page →
    RGB
    rgb(99 77 1)
    HSL
    hsl(47 98% 20%)
    OKLCH
    oklch(0.431 0.088 89.6)

    WCAG contrast: on white 8.10:1 (AAA) · on black 2.59:1 (Fail)

  • text

    #232011

    #232011 color page →
    RGB
    rgb(35 32 17)
    HSL
    hsl(50 35% 10%)
    OKLCH
    oklch(0.242 0.027 98.3)

    WCAG contrast: on white 16.32:1 (AAA) · on black 1.28:1 (Fail)

Export True Bronze Noir: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #dcd9cc;
  --surface: #baae70;
  --primary: #a37600;
  --accent: #634d01;
  --text: #232011;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #dcd9cc;
  --color-surface: #baae70;
  --color-primary: #a37600;
  --color-accent: #634d01;
  --color-text: #232011;
}

JSON (DTCG tokens)

{
  "true-bronze-noir-77o": {
    "bg": {
      "$type": "color",
      "$value": "#dcd9cc"
    },
    "surface": {
      "$type": "color",
      "$value": "#baae70"
    },
    "primary": {
      "$type": "color",
      "$value": "#a37600"
    },
    "accent": {
      "$type": "color",
      "$value": "#634d01"
    },
    "text": {
      "$type": "color",
      "$value": "#232011"
    }
  }
}

About this palette

True Bronze Noir is a 5-color OKLCH-ready palette tagged green, warm, 5 colors. Hex values: #DCD9CC, #BAAE70, #A37600, #634D01, #232011. APCA contrast score Lc 6.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Chai Tea AtelierGreen · Warm
  • Airy Tonkatsu PulseGreen · Warm
  • Pure Cookie Dough HarborGreen · Warm
  • Steady Himalaya BeaconTrending · Green
  • Classic Olivia DriftTrending · Green
  • Classic Lizard PrismGreen · Gray

Palettes with similar colors

Closest to True Bronze Noir by OKLab color distance.

  • Falafel LatticeGreen · Warm
  • Steady Puma RibbonGreen · Warm
  • True Hey Pesto TideGreen · 5 Colors
  • Pure Fernweh GlacierGreen · Warm
  • True Pesto CanvasGreen · 5 Colors
  • Pure Bronze RibbonGreen · 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. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA