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/Think Brick Circuit

Palette · 6 colors · Lc 9.3

Think Brick Circuit palette

Think Brick Circuit: a 6-color palette (Orange, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #FFF2EF, #D3B2AC, #B47F74, #854B43, #42231B, #110C0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Gray
  • Warm
  • Monochromatic
  • 6 Colors

bg

#FFF2EF

surface

#D3B2AC

muted

#B47F74

primary

#854B43

accent

#42231B

text

#110C0B

Open in StudioOpen in PickerAll palettes

Colors in Think Brick Circuit: HEX, RGB, HSL & OKLCH

  • bg

    #FFF2EF

    #FFF2EF color page →
    RGB
    rgb(255 242 239)
    HSL
    hsl(11 100% 97%)
    OKLCH
    oklch(0.971 0.015 33.1)

    WCAG contrast: on white 1.09:1 (Fail) · on black 19.19:1 (AAA)

  • surface

    #D3B2AC

    #D3B2AC color page →
    RGB
    rgb(211 178 172)
    HSL
    hsl(9 31% 75%)
    OKLCH
    oklch(0.791 0.039 30.1)

    WCAG contrast: on white 1.95:1 (Fail) · on black 10.73:1 (AAA)

  • muted

    #B47F74

    #B47F74 color page →
    RGB
    rgb(180 127 116)
    HSL
    hsl(10 30% 58%)
    OKLCH
    oklch(0.647 0.068 32.1)

    WCAG contrast: on white 3.37:1 (Fail) · on black 6.22:1 (AA)

  • primary

    #854B43

    #854B43 color page →
    RGB
    rgb(133 75 67)
    HSL
    hsl(7 33% 39%)
    OKLCH
    oklch(0.48 0.08 28.7)

    WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)

  • accent

    #42231B

    #42231B color page →
    RGB
    rgb(66 35 27)
    HSL
    hsl(12 42% 18%)
    OKLCH
    oklch(0.295 0.05 35.3)

    WCAG contrast: on white 14.11:1 (AAA) · on black 1.48:1 (Fail)

  • text

    #110C0B

    #110C0B color page →
    RGB
    rgb(17 12 11)
    HSL
    hsl(10 21% 5%)
    OKLCH
    oklch(0.161 0.009 31.3)

    WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)

Export Think Brick Circuit: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #fff2ef;
  --surface: #d3b2ac;
  --muted: #b47f74;
  --primary: #854b43;
  --accent: #42231b;
  --text: #110c0b;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #fff2ef;
  --color-surface: #d3b2ac;
  --color-muted: #b47f74;
  --color-primary: #854b43;
  --color-accent: #42231b;
  --color-text: #110c0b;
}

JSON (DTCG tokens)

{
  "think-brick-circuit-66c": {
    "bg": {
      "$type": "color",
      "$value": "#fff2ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#d3b2ac"
    },
    "muted": {
      "$type": "color",
      "$value": "#b47f74"
    },
    "primary": {
      "$type": "color",
      "$value": "#854b43"
    },
    "accent": {
      "$type": "color",
      "$value": "#42231b"
    },
    "text": {
      "$type": "color",
      "$value": "#110c0b"
    }
  }
}

About this palette

Think Brick Circuit is a 6-color OKLCH-ready palette tagged orange, gray, warm, monochromatic, 6 colors. Hex values: #FFF2EF, #D3B2AC, #B47F74, #854B43, #42231B, #110C0B. APCA contrast score Lc 9.3. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Opium AtelierTrending · Orange
  • True Veil of Cinder GardenOrange · Gray
  • Pure Vin Cuit ForgeOrange · Gray
  • Classic Morocco AtelierTrending · Orange
  • Low Dockside Red VaultOrange · Warm
  • True Baptism by Fire PrismOrange · Warm

Palettes with similar colors

Closest to Think Brick Circuit by OKLab color distance.

  • Classic In a Nutshell EmberYellow · Gray
  • Steady Silken Chocolate NexusYellow · Gray
  • Classic Olive Niçoise NoirOrange · Warm
  • Cinnapink DuneRed · Gray
  • Pure Veil of Cinder PulseRed · Gray
  • True Think Brick LatticeOrange · 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