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 Silken Chocolate Forge

Palette · 9 colors · Lc 8.9

Classic Silken Chocolate Forge palette

Classic Silken Chocolate Forge: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #090705, #311B0A, #51331D, #704427, #916045, #B87E5F, #D3A384, #F2CFBF, #FDEFE7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Yellow
  • Warm
  • 9 Colors

bg

#090705

surface

#311B0A

muted

#51331D

primary

#704427

secondary

#916045

accent

#B87E5F

highlight

#D3A384

border

#F2CFBF

text

#FDEFE7

Open in StudioOpen in PickerAll palettes

Colors in Classic Silken Chocolate Forge: HEX, RGB, HSL & OKLCH

  • bg

    #090705

    #090705 color page →
    RGB
    rgb(9 7 5)
    HSL
    hsl(30 29% 3%)
    OKLCH
    oklch(0.13 0.007 71.9)

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

  • surface

    #311B0A

    #311B0A color page →
    RGB
    rgb(49 27 10)
    HSL
    hsl(26 66% 12%)
    OKLCH
    oklch(0.248 0.044 56.4)

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

  • muted

    #51331D

    #51331D color page →
    RGB
    rgb(81 51 29)
    HSL
    hsl(25 47% 22%)
    OKLCH
    oklch(0.352 0.055 56)

    WCAG contrast: on white 11.40:1 (AAA) · on black 1.84:1 (Fail)

  • primary

    #704427

    #704427 color page →
    RGB
    rgb(112 68 39)
    HSL
    hsl(24 48% 30%)
    OKLCH
    oklch(0.432 0.074 52.9)

    WCAG contrast: on white 8.25:1 (AAA) · on black 2.54:1 (Fail)

  • secondary

    #916045

    #916045 color page →
    RGB
    rgb(145 96 69)
    HSL
    hsl(21 36% 42%)
    OKLCH
    oklch(0.535 0.075 49.4)

    WCAG contrast: on white 5.29:1 (AA) · on black 3.96:1 (Fail)

  • accent

    #B87E5F

    #B87E5F color page →
    RGB
    rgb(184 126 95)
    HSL
    hsl(21 39% 55%)
    OKLCH
    oklch(0.645 0.085 48.9)

    WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)

  • highlight

    #D3A384

    #D3A384 color page →
    RGB
    rgb(211 163 132)
    HSL
    hsl(24 47% 67%)
    OKLCH
    oklch(0.752 0.071 54.2)

    WCAG contrast: on white 2.24:1 (Fail) · on black 9.34:1 (AAA)

  • border

    #F2CFBF

    #F2CFBF color page →
    RGB
    rgb(242 207 191)
    HSL
    hsl(19 66% 85%)
    OKLCH
    oklch(0.88 0.045 46)

    WCAG contrast: on white 1.45:1 (Fail) · on black 14.45:1 (AAA)

  • text

    #FDEFE7

    #FDEFE7 color page →
    RGB
    rgb(253 239 231)
    HSL
    hsl(22 85% 95%)
    OKLCH
    oklch(0.961 0.019 52)

    WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)

Export Classic Silken Chocolate Forge: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #090705;
  --surface: #311b0a;
  --muted: #51331d;
  --primary: #704427;
  --secondary: #916045;
  --accent: #b87e5f;
  --highlight: #d3a384;
  --border: #f2cfbf;
  --text: #fdefe7;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #090705;
  --color-surface: #311b0a;
  --color-muted: #51331d;
  --color-primary: #704427;
  --color-secondary: #916045;
  --color-accent: #b87e5f;
  --color-highlight: #d3a384;
  --color-border: #f2cfbf;
  --color-text: #fdefe7;
}

JSON (DTCG tokens)

{
  "classic-silken-chocolate-forge-58e": {
    "bg": {
      "$type": "color",
      "$value": "#090705"
    },
    "surface": {
      "$type": "color",
      "$value": "#311b0a"
    },
    "muted": {
      "$type": "color",
      "$value": "#51331d"
    },
    "primary": {
      "$type": "color",
      "$value": "#704427"
    },
    "secondary": {
      "$type": "color",
      "$value": "#916045"
    },
    "accent": {
      "$type": "color",
      "$value": "#b87e5f"
    },
    "highlight": {
      "$type": "color",
      "$value": "#d3a384"
    },
    "border": {
      "$type": "color",
      "$value": "#f2cfbf"
    },
    "text": {
      "$type": "color",
      "$value": "#fdefe7"
    }
  }
}

About this palette

Classic Silken Chocolate Forge is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #090705, #311B0A, #51331D, #704427, #916045, #B87E5F, #D3A384, #F2CFBF, #FDEFE7. APCA contrast score Lc 8.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Monument Valley DuneYellow · Warm
  • Classic Sienna BeaconYellow · Warm
  • Classic Bloodhound HarborTrending · Yellow
  • Classic Stroopwafel BeaconYellow · Warm
  • Classic Mulled Cider FogYellow · Gray
  • Pure Dark Orange BloomYellow · Warm

Palettes with similar colors

Closest to Classic Silken Chocolate Forge by OKLab color distance.

  • Woodhaven MirrorYellow · Gray
  • Pure Silken Chocolate GardenYellow · Warm
  • True Chutney OrchardOrange · Gray
  • Cigar TideTrending · Yellow
  • Quiet Milk Chocolate GlacierGreen · Warm
  • Classic Eagle AtelierYellow · 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