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 Firebug Atelier

Palette · 5 colors · Lc 8.3

Classic Firebug Atelier palette

Classic Firebug Atelier: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FFE0D0, #EA8C76, #CA564D, #822D47, #1B1437, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • Sunset
  • 5 Colors

bg

#FFE0D0

surface

#EA8C76

primary

#CA564D

accent

#822D47

text

#1B1437

Open in StudioOpen in PickerAll palettes

Colors in Classic Firebug Atelier: HEX, RGB, HSL & OKLCH

  • bg

    #FFE0D0

    #FFE0D0 color page →
    RGB
    rgb(255 224 208)
    HSL
    hsl(20 100% 91%)
    OKLCH
    oklch(0.928 0.041 49.1)

    WCAG contrast: on white 1.24:1 (Fail) · on black 16.82:1 (AAA)

  • surface

    #EA8C76

    #EA8C76 color page →
    RGB
    rgb(234 140 118)
    HSL
    hsl(11 73% 69%)
    OKLCH
    oklch(0.734 0.12 34)

    WCAG contrast: on white 2.46:1 (Fail) · on black 8.51:1 (AAA)

  • primary

    #CA564D

    #CA564D color page →
    RGB
    rgb(202 86 77)
    HSL
    hsl(4 54% 55%)
    OKLCH
    oklch(0.6 0.15 26.9)

    WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)

  • accent

    #822D47

    #822D47 color page →
    RGB
    rgb(130 45 71)
    HSL
    hsl(342 49% 34%)
    OKLCH
    oklch(0.429 0.119 4.7)

    WCAG contrast: on white 8.69:1 (AAA) · on black 2.41:1 (Fail)

  • text

    #1B1437

    #1B1437 color page →
    RGB
    rgb(27 20 55)
    HSL
    hsl(252 47% 15%)
    OKLCH
    oklch(0.222 0.066 289.1)

    WCAG contrast: on white 17.47:1 (AAA) · on black 1.20:1 (Fail)

Export Classic Firebug Atelier: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ffe0d0;
  --surface: #ea8c76;
  --primary: #ca564d;
  --accent: #822d47;
  --text: #1b1437;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ffe0d0;
  --color-surface: #ea8c76;
  --color-primary: #ca564d;
  --color-accent: #822d47;
  --color-text: #1b1437;
}

JSON (DTCG tokens)

{
  "classic-firebug-atelier-1ye": {
    "bg": {
      "$type": "color",
      "$value": "#ffe0d0"
    },
    "surface": {
      "$type": "color",
      "$value": "#ea8c76"
    },
    "primary": {
      "$type": "color",
      "$value": "#ca564d"
    },
    "accent": {
      "$type": "color",
      "$value": "#822d47"
    },
    "text": {
      "$type": "color",
      "$value": "#1b1437"
    }
  }
}

About this palette

Classic Firebug Atelier is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #FFE0D0, #EA8C76, #CA564D, #822D47, #1B1437. 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.

  • True Horror Snob QuartzOrange · Warm
  • Autumn Fire DeltaOrange · Warm
  • Pure Fuzzy Wuzzy BloomOrange · Warm
  • Steady King Crimson NexusOrange · Warm
  • Pure Cedar Chest EmberOrange · Warm
  • Fuzzy Wuzzy BloomOrange · Warm

Palettes with similar colors

Closest to Classic Firebug Atelier by OKLab color distance.

  • Pure Aphrodisiac TideOrange · Warm
  • Autumn Fire HarborOrange · Warm
  • Classic Horror Snob HorizonOrange · Warm
  • Steady Horror Snob MirrorOrange · Warm
  • Classic Firebug FogOrange · Warm
  • Firebug NoirOrange · 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