Palette · 6 colors · Lc 9.8
Think Brick Archive palette
Think Brick Archive: a 6-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFEFE3, #E3B294, #B97D6B, #884E45, #5C2A2C, #251312, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEFE3
surface
#E3B294
muted
#B97D6B
primary
#884E45
accent
#5C2A2C
text
#251312
Colors in Think Brick Archive: HEX, RGB, HSL & OKLCH
- #FFEFE3 color page →
bg
#FFEFE3
- RGB
- rgb(255 239 227)
- HSL
- hsl(26 100% 95%)
- OKLCH
- oklch(0.962 0.024 59.4)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.70:1 (AAA)
- #E3B294 color page →
surface
#E3B294
- RGB
- rgb(227 178 148)
- HSL
- hsl(23 59% 74%)
- OKLCH
- oklch(0.801 0.07 52.9)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.06:1 (AAA)
- #B97D6B color page →
muted
#B97D6B
- RGB
- rgb(185 125 107)
- HSL
- hsl(14 36% 57%)
- OKLCH
- oklch(0.647 0.08 37.4)
WCAG contrast: on white 3.38:1 (Fail) · on black 6.20:1 (AA)
- #884E45 color page →
primary
#884E45
- RGB
- rgb(136 78 69)
- HSL
- hsl(8 33% 40%)
- OKLCH
- oklch(0.49 0.08 29.7)
WCAG contrast: on white 6.51:1 (AA) · on black 3.22:1 (Fail)
- #5C2A2C color page →
accent
#5C2A2C
- RGB
- rgb(92 42 44)
- HSL
- hsl(358 37% 26%)
- OKLCH
- oklch(0.354 0.073 19.1)
WCAG contrast: on white 11.52:1 (AAA) · on black 1.82:1 (Fail)
- #251312 color page →
text
#251312
- RGB
- rgb(37 19 18)
- HSL
- hsl(3 35% 11%)
- OKLCH
- oklch(0.212 0.03 23.4)
WCAG contrast: on white 17.78:1 (AAA) · on black 1.18:1 (Fail)
Export Think Brick Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffefe3;
--surface: #e3b294;
--muted: #b97d6b;
--primary: #884e45;
--accent: #5c2a2c;
--text: #251312;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffefe3;
--color-surface: #e3b294;
--color-muted: #b97d6b;
--color-primary: #884e45;
--color-accent: #5c2a2c;
--color-text: #251312;
}JSON (DTCG tokens)
{
"think-brick-archive-2q": {
"bg": {
"$type": "color",
"$value": "#ffefe3"
},
"surface": {
"$type": "color",
"$value": "#e3b294"
},
"muted": {
"$type": "color",
"$value": "#b97d6b"
},
"primary": {
"$type": "color",
"$value": "#884e45"
},
"accent": {
"$type": "color",
"$value": "#5c2a2c"
},
"text": {
"$type": "color",
"$value": "#251312"
}
}
}About this palette
Think Brick Archive is a 6-color OKLCH-ready palette tagged orange, warm, nature, brown, 6 colors. Hex values: #FFEFE3, #E3B294, #B97D6B, #884E45, #5C2A2C, #251312. APCA contrast score Lc 9.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Think Brick Archive by OKLab color distance.