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 Coffee Garden

Palette · 6 colors · Lc 10

Dusk Coffee Garden palette

Dusk Coffee Garden: a 6-color palette (Yellow, Gray, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #0C0603, #342820, #6E4B34, #9A7B6A, #D3B9AC, #FEF2EF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Yellow
  • Gray
  • Warm
  • 6 Colors

bg

#0C0603

surface

#342820

muted

#6E4B34

primary

#9A7B6A

accent

#D3B9AC

text

#FEF2EF

Open in StudioOpen in PickerAll palettes

Colors in Dusk Coffee Garden: HEX, RGB, HSL & OKLCH

  • bg

    #0C0603

    #0C0603 color page →
    RGB
    rgb(12 6 3)
    HSL
    hsl(20 60% 3%)
    OKLCH
    oklch(0.13 0.016 57.2)

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

  • surface

    #342820

    #342820 color page →
    RGB
    rgb(52 40 32)
    HSL
    hsl(24 24% 16%)
    OKLCH
    oklch(0.288 0.023 55.3)

    WCAG contrast: on white 14.28:1 (AAA) · on black 1.47:1 (Fail)

  • muted

    #6E4B34

    #6E4B34 color page →
    RGB
    rgb(110 75 52)
    HSL
    hsl(24 36% 32%)
    OKLCH
    oklch(0.446 0.059 53.9)

    WCAG contrast: on white 7.72:1 (AAA) · on black 2.71:1 (Fail)

  • primary

    #9A7B6A

    #9A7B6A color page →
    RGB
    rgb(154 123 106)
    HSL
    hsl(21 19% 51%)
    OKLCH
    oklch(0.608 0.046 50.2)

    WCAG contrast: on white 3.87:1 (Fail) · on black 5.41:1 (AA)

  • accent

    #D3B9AC

    #D3B9AC color page →
    RGB
    rgb(211 185 172)
    HSL
    hsl(20 31% 75%)
    OKLCH
    oklch(0.804 0.035 48.3)

    WCAG contrast: on white 1.85:1 (Fail) · on black 11.30:1 (AAA)

  • text

    #FEF2EF

    #FEF2EF color page →
    RGB
    rgb(254 242 239)
    HSL
    hsl(12 88% 97%)
    OKLCH
    oklch(0.97 0.014 34.3)

    WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)

Export Dusk Coffee Garden: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #0c0603;
  --surface: #342820;
  --muted: #6e4b34;
  --primary: #9a7b6a;
  --accent: #d3b9ac;
  --text: #fef2ef;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #0c0603;
  --color-surface: #342820;
  --color-muted: #6e4b34;
  --color-primary: #9a7b6a;
  --color-accent: #d3b9ac;
  --color-text: #fef2ef;
}

JSON (DTCG tokens)

{
  "dusk-coffee-garden-7a4": {
    "bg": {
      "$type": "color",
      "$value": "#0c0603"
    },
    "surface": {
      "$type": "color",
      "$value": "#342820"
    },
    "muted": {
      "$type": "color",
      "$value": "#6e4b34"
    },
    "primary": {
      "$type": "color",
      "$value": "#9a7b6a"
    },
    "accent": {
      "$type": "color",
      "$value": "#d3b9ac"
    },
    "text": {
      "$type": "color",
      "$value": "#fef2ef"
    }
  }
}

About this palette

Dusk Coffee Garden is a 6-color OKLCH-ready palette tagged yellow, gray, warm, 6 colors. Hex values: #0C0603, #342820, #6E4B34, #9A7B6A, #D3B9AC, #FEF2EF. APCA contrast score Lc 10. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Cheeky Chestnut DriftYellow · Gray
  • Hot Cacao LedgerYellow · Gray
  • Quiet Black Power OrchardYellow · Gray
  • Classic Weathered Leather StudioYellow · Gray
  • Steady Ludicrous Lemming PrismYellow · Gray
  • Classic In a Nutshell EmberYellow · Gray

Palettes with similar colors

Closest to Dusk Coffee Garden by OKLab color distance.

  • Steady Olivary CascadeGreen · Gray
  • Guinea Pig LedgerGreen · Gray
  • Steady Opium AtelierTrending · Orange
  • True Veil of Cinder GardenOrange · Gray
  • Steady Silken Chocolate NexusYellow · Gray
  • Shipwreck BeaconTrending · Green
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