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/Rust Fog

Palette · 5 colors · Lc 8.2

Rust Fog palette

Rust Fog: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #E3EAED, #008FBF, #B03C0E, #0C3440, #020D11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • 5 Colors

bg

#E3EAED

surface

#008FBF

primary

#B03C0E

accent

#0C3440

text

#020D11

Open in StudioOpen in PickerAll palettes

Colors in Rust Fog: HEX, RGB, HSL & OKLCH

  • bg

    #E3EAED

    #E3EAED color page →
    RGB
    rgb(227 234 237)
    HSL
    hsl(198 22% 91%)
    OKLCH
    oklch(0.933 0.009 225.1)

    WCAG contrast: on white 1.21:1 (Fail) · on black 17.25:1 (AAA)

  • surface

    #008FBF

    #008FBF color page →
    RGB
    rgb(0 143 191)
    HSL
    hsl(195 100% 37%)
    OKLCH
    oklch(0.61 0.123 231.1)

    WCAG contrast: on white 3.69:1 (Fail) · on black 5.68:1 (AA)

  • primary

    #B03C0E

    #B03C0E color page →
    RGB
    rgb(176 60 14)
    HSL
    hsl(17 85% 37%)
    OKLCH
    oklch(0.517 0.16 38.5)

    WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)

  • accent

    #0C3440

    #0C3440 color page →
    RGB
    rgb(12 52 64)
    HSL
    hsl(194 68% 15%)
    OKLCH
    oklch(0.304 0.048 221.9)

    WCAG contrast: on white 13.28:1 (AAA) · on black 1.58:1 (Fail)

  • text

    #020D11

    #020D11 color page →
    RGB
    rgb(2 13 17)
    HSL
    hsl(196 79% 4%)
    OKLCH
    oklch(0.149 0.022 218.9)

    WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)

Export Rust Fog: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e3eaed;
  --surface: #008fbf;
  --primary: #b03c0e;
  --accent: #0c3440;
  --text: #020d11;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e3eaed;
  --color-surface: #008fbf;
  --color-primary: #b03c0e;
  --color-accent: #0c3440;
  --color-text: #020d11;
}

JSON (DTCG tokens)

{
  "rust-fog-3hc": {
    "bg": {
      "$type": "color",
      "$value": "#e3eaed"
    },
    "surface": {
      "$type": "color",
      "$value": "#008fbf"
    },
    "primary": {
      "$type": "color",
      "$value": "#b03c0e"
    },
    "accent": {
      "$type": "color",
      "$value": "#0c3440"
    },
    "text": {
      "$type": "color",
      "$value": "#020d11"
    }
  }
}

About this palette

Rust Fog is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #E3EAED, #008FBF, #B03C0E, #0C3440, #020D11. 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.

  • Steady Caramel Dream LedgerTrending · Orange
  • Bold Devil’s Advocate LedgerTrending · Orange
  • Steady Crimson Blaze QuartzTrending · Orange
  • Classic Smooch Rouge BloomTrending · Orange
  • Steady Hot Brown PrismTrending · Orange
  • Classic Intrigue Red PulseTrending · Orange

Palettes with similar colors

Closest to Rust Fog by OKLab color distance.

  • Pure Crimson Blaze PrismOrange · Warm
  • Steady Dropped Brick FogOrange · Warm
  • Pure Toasted Paprika OrchardOrange · Warm
  • Steady Toasted Paprika NoirOrange · Warm
  • True Crimson Velvet Sunset BeaconOrange · Warm
  • Steady Mediterranean Blue QuartzTrending · Violet
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