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/Dusk Chocolate Truffle Signal

Palette · 4 colors · Lc 8.3

Dusk Chocolate Truffle Signal palette

Dusk Chocolate Truffle Signal: a 4-color palette (Orange, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #ECE7E4, #D3A391, #683337, #231414, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Gray
  • Warm
  • Nature
  • Brown
  • 4 Colors

bg

#ECE7E4

surface

#D3A391

accent

#683337

text

#231414

Open in StudioOpen in PickerAll palettes

Colors in Dusk Chocolate Truffle Signal: HEX, RGB, HSL & OKLCH

  • bg

    #ECE7E4

    #ECE7E4 color page →
    RGB
    rgb(236 231 228)
    HSL
    hsl(22 17% 91%)
    OKLCH
    oklch(0.931 0.007 53.4)

    WCAG contrast: on white 1.22:1 (Fail) · on black 17.11:1 (AAA)

  • surface

    #D3A391

    #D3A391 color page →
    RGB
    rgb(211 163 145)
    HSL
    hsl(16 43% 70%)
    OKLCH
    oklch(0.755 0.063 41.5)

    WCAG contrast: on white 2.22:1 (Fail) · on black 9.41:1 (AAA)

  • accent

    #683337

    #683337 color page →
    RGB
    rgb(104 51 55)
    HSL
    hsl(355 34% 30%)
    OKLCH
    oklch(0.392 0.076 16.5)

    WCAG contrast: on white 9.91:1 (AAA) · on black 2.11:1 (Fail)

  • text

    #231414

    #231414 color page →
    RGB
    rgb(35 20 20)
    HSL
    hsl(0 27% 11%)
    OKLCH
    oklch(0.212 0.025 19.3)

    WCAG contrast: on white 17.77:1 (AAA) · on black 1.18:1 (Fail)

Export Dusk Chocolate Truffle Signal: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ece7e4;
  --surface: #d3a391;
  --accent: #683337;
  --text: #231414;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ece7e4;
  --color-surface: #d3a391;
  --color-accent: #683337;
  --color-text: #231414;
}

JSON (DTCG tokens)

{
  "dusk-chocolate-truffle-signal-3xu": {
    "bg": {
      "$type": "color",
      "$value": "#ece7e4"
    },
    "surface": {
      "$type": "color",
      "$value": "#d3a391"
    },
    "accent": {
      "$type": "color",
      "$value": "#683337"
    },
    "text": {
      "$type": "color",
      "$value": "#231414"
    }
  }
}

About this palette

Dusk Chocolate Truffle Signal is a 4-color OKLCH-ready palette tagged orange, gray, warm, nature, brown, 4 colors. Hex values: #ECE7E4, #D3A391, #683337, #231414. 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.

  • Low Freshly Roasted Coffee CanvasOrange · Gray
  • Low Hairy Heath PrismOrange · Gray
  • Dusk Hot Chocolate TideOrange · Gray
  • Muted Hairy Heath NoirOrange · Gray
  • Quiet Arcane Red EmberOrange · Gray
  • Dusk Worcestershire Sauce StudioOrange · Gray

Palettes with similar colors

Closest to Dusk Chocolate Truffle Signal by OKLab color distance.

  • Low Chocolate Truffle AtelierRed · Gray
  • Dusk Chocolate Truffle EmberRed · Gray
  • Dusk Siren PrismRed · Warm
  • Pure Lunatic Lynx SystemYellow · Gray
  • Dusk Chocolate Truffle LedgerRed · Warm
  • Steady Apricotta NexusYellow · 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