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 Lattice

Palette · 5 colors · Lc 8.5

Classic Firebug Lattice palette

Classic Firebug Lattice: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FADCC9, #FF9882, #D45951, #8B254B, #1C162E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • Sunset
  • 5 Colors

bg

#FADCC9

surface

#FF9882

primary

#D45951

accent

#8B254B

text

#1C162E

Open in StudioOpen in PickerAll palettes

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

  • bg

    #FADCC9

    #FADCC9 color page →
    RGB
    rgb(250 220 201)
    HSL
    hsl(23 83% 88%)
    OKLCH
    oklch(0.914 0.042 54.4)

    WCAG contrast: on white 1.30:1 (Fail) · on black 16.14:1 (AAA)

  • surface

    #FF9882

    #FF9882 color page →
    RGB
    rgb(255 152 130)
    HSL
    hsl(11 100% 75%)
    OKLCH
    oklch(0.782 0.128 32.9)

    WCAG contrast: on white 2.08:1 (Fail) · on black 10.06:1 (AAA)

  • primary

    #D45951

    #D45951 color page →
    RGB
    rgb(212 89 81)
    HSL
    hsl(4 60% 57%)
    OKLCH
    oklch(0.62 0.157 26.4)

    WCAG contrast: on white 3.92:1 (Fail) · on black 5.34:1 (AA)

  • accent

    #8B254B

    #8B254B color page →
    RGB
    rgb(139 37 75)
    HSL
    hsl(338 58% 35%)
    OKLCH
    oklch(0.437 0.14 2.3)

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

  • text

    #1C162E

    #1C162E color page →
    RGB
    rgb(28 22 46)
    HSL
    hsl(255 35% 13%)
    OKLCH
    oklch(0.221 0.046 293.8)

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

Export Classic Firebug Lattice: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #fadcc9;
  --surface: #ff9882;
  --primary: #d45951;
  --accent: #8b254b;
  --text: #1c162e;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #fadcc9;
  --color-surface: #ff9882;
  --color-primary: #d45951;
  --color-accent: #8b254b;
  --color-text: #1c162e;
}

JSON (DTCG tokens)

{
  "classic-firebug-lattice-6m1": {
    "bg": {
      "$type": "color",
      "$value": "#fadcc9"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff9882"
    },
    "primary": {
      "$type": "color",
      "$value": "#d45951"
    },
    "accent": {
      "$type": "color",
      "$value": "#8b254b"
    },
    "text": {
      "$type": "color",
      "$value": "#1c162e"
    }
  }
}

About this palette

Classic Firebug Lattice is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #FADCC9, #FF9882, #D45951, #8B254B, #1C162E. APCA contrast score Lc 8.5. 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 Lattice by OKLab color distance.

  • True Horror Snob BeaconOrange · Warm
  • Classic Firebug FogOrange · Warm
  • Steady Horror Snob DuneOrange · Warm
  • Steady Happy Hearts OrchardTrending · Orange
  • Firebug AtelierTrending · Orange
  • Steady Firebug DeltaOrange · 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