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/Indochine Kiln

Palette · 5 colors · Lc 9.2

Indochine Kiln palette

Indochine Kiln: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F7EEE3, #CAA67D, #9E5C37, #58311F, #251610, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Yellow
  • Warm
  • Nature
  • Brown
  • 5 Colors

bg

#F7EEE3

surface

#CAA67D

primary

#9E5C37

accent

#58311F

text

#251610

Open in StudioOpen in PickerAll palettes

Colors in Indochine Kiln: HEX, RGB, HSL & OKLCH

  • bg

    #F7EEE3

    #F7EEE3 color page →
    RGB
    rgb(247 238 227)
    HSL
    hsl(33 56% 93%)
    OKLCH
    oklch(0.953 0.018 73.1)

    WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)

  • surface

    #CAA67D

    #CAA67D color page →
    RGB
    rgb(202 166 125)
    HSL
    hsl(32 42% 64%)
    OKLCH
    oklch(0.748 0.07 70.1)

    WCAG contrast: on white 2.26:1 (Fail) · on black 9.26:1 (AAA)

  • primary

    #9E5C37

    #9E5C37 color page →
    RGB
    rgb(158 92 55)
    HSL
    hsl(22 48% 42%)
    OKLCH
    oklch(0.542 0.101 48.8)

    WCAG contrast: on white 5.19:1 (AA) · on black 4.03:1 (Fail)

  • accent

    #58311F

    #58311F color page →
    RGB
    rgb(88 49 31)
    HSL
    hsl(19 48% 23%)
    OKLCH
    oklch(0.358 0.064 45)

    WCAG contrast: on white 11.20:1 (AAA) · on black 1.87:1 (Fail)

  • text

    #251610

    #251610 color page →
    RGB
    rgb(37 22 16)
    HSL
    hsl(17 40% 10%)
    OKLCH
    oklch(0.218 0.027 42.6)

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

Export Indochine Kiln: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f7eee3;
  --surface: #caa67d;
  --primary: #9e5c37;
  --accent: #58311f;
  --text: #251610;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f7eee3;
  --color-surface: #caa67d;
  --color-primary: #9e5c37;
  --color-accent: #58311f;
  --color-text: #251610;
}

JSON (DTCG tokens)

{
  "indochine-kiln-dk": {
    "bg": {
      "$type": "color",
      "$value": "#f7eee3"
    },
    "surface": {
      "$type": "color",
      "$value": "#caa67d"
    },
    "primary": {
      "$type": "color",
      "$value": "#9e5c37"
    },
    "accent": {
      "$type": "color",
      "$value": "#58311f"
    },
    "text": {
      "$type": "color",
      "$value": "#251610"
    }
  }
}

About this palette

Indochine Kiln is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #F7EEE3, #CAA67D, #9E5C37, #58311F, #251610. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Mai Tai OrchardYellow · Warm
  • True Gingerbread Crumble NoirYellow · Warm
  • Hot Cacao DeltaYellow · Warm
  • Hot Cacao HorizonYellow · Warm
  • Classic Argan Oil OrchardYellow · Warm
  • True Vintage Copper GlacierYellow · Warm

Palettes with similar colors

Closest to Indochine Kiln by OKLab color distance.

  • Pure Argan Oil LatticeYellow · Warm
  • True Indochine HarborTrending · Yellow
  • Steady Coconut SignalYellow · Warm
  • True Hazel BriefTrending · Yellow
  • Classic Vintage Copper VaultYellow · Warm
  • True Gingerbread Crumble CascadeYellow · 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