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/True Autumn Fire Noir

Palette · 5 colors · Lc 8.2

True Autumn Fire Noir palette

True Autumn Fire Noir: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #F6DFD3, #F58474, #C25354, #8B305A, #18172F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • Sunset
  • 5 Colors

bg

#F6DFD3

surface

#F58474

primary

#C25354

accent

#8B305A

text

#18172F

Open in StudioOpen in PickerAll palettes

Colors in True Autumn Fire Noir: HEX, RGB, HSL & OKLCH

  • bg

    #F6DFD3

    #F6DFD3 color page →
    RGB
    rgb(246 223 211)
    HSL
    hsl(21 66% 90%)
    OKLCH
    oklch(0.919 0.03 49.4)

    WCAG contrast: on white 1.27:1 (Fail) · on black 16.41:1 (AAA)

  • surface

    #F58474

    #F58474 color page →
    RGB
    rgb(245 132 116)
    HSL
    hsl(7 87% 71%)
    OKLCH
    oklch(0.735 0.141 29.3)

    WCAG contrast: on white 2.48:1 (Fail) · on black 8.43:1 (AAA)

  • primary

    #C25354

    #C25354 color page →
    RGB
    rgb(194 83 84)
    HSL
    hsl(359 48% 54%)
    OKLCH
    oklch(0.585 0.143 22)

    WCAG contrast: on white 4.50:1 (AA) · on black 4.65:1 (AA)

  • accent

    #8B305A

    #8B305A color page →
    RGB
    rgb(139 48 90)
    HSL
    hsl(332 49% 37%)
    OKLCH
    oklch(0.454 0.131 355)

    WCAG contrast: on white 7.87:1 (AAA) · on black 2.66:1 (Fail)

  • text

    #18172F

    #18172F color page →
    RGB
    rgb(24 23 47)
    HSL
    hsl(243 34% 14%)
    OKLCH
    oklch(0.219 0.046 283.8)

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

Export True Autumn Fire Noir: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f6dfd3;
  --surface: #f58474;
  --primary: #c25354;
  --accent: #8b305a;
  --text: #18172f;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f6dfd3;
  --color-surface: #f58474;
  --color-primary: #c25354;
  --color-accent: #8b305a;
  --color-text: #18172f;
}

JSON (DTCG tokens)

{
  "true-autumn-fire-noir-5tu": {
    "bg": {
      "$type": "color",
      "$value": "#f6dfd3"
    },
    "surface": {
      "$type": "color",
      "$value": "#f58474"
    },
    "primary": {
      "$type": "color",
      "$value": "#c25354"
    },
    "accent": {
      "$type": "color",
      "$value": "#8b305a"
    },
    "text": {
      "$type": "color",
      "$value": "#18172f"
    }
  }
}

About this palette

True Autumn Fire Noir is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #F6DFD3, #F58474, #C25354, #8B305A, #18172F. APCA contrast score Lc 8.2. 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 True Autumn Fire Noir by OKLab color distance.

  • Classic Autumn Fire GroveOrange · Warm
  • Classic Flesh and Blood PrismOrange · Warm
  • Pimm’s LedgerOrange · Warm
  • Classic Saffron Desires VaultRed · Warm
  • Classic Pimm’s MeadowOrange · Warm
  • Classic Flesh and Blood FogOrange · 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