Palette · 8 colors · Lc 9.1
Classic Brick Studio palette
Classic Brick Studio: a 8-color palette (Orange, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #FFEBE5, #F0B8A9, #F38E6D, #C46152, #9C341F, #77251B, #3A0F09, #0F0504, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Monochromatic
- 8 Colors
bg
#FFEBE5
surface
#F0B8A9
muted
#F38E6D
primary
#C46152
secondary
#9C341F
accent
#77251B
highlight
#3A0F09
text
#0F0504
Colors in Classic Brick Studio: HEX, RGB, HSL & OKLCH
- #FFEBE5 color page →
bg
#FFEBE5
- RGB
- rgb(255 235 229)
- HSL
- hsl(14 100% 95%)
- OKLCH
- oklch(0.954 0.023 37.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.26:1 (AAA)
- #F0B8A9 color page →
surface
#F0B8A9
- RGB
- rgb(240 184 169)
- HSL
- hsl(13 70% 80%)
- OKLCH
- oklch(0.83 0.069 35.5)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.13:1 (AAA)
- #F38E6D color page →
muted
#F38E6D
- RGB
- rgb(243 142 109)
- HSL
- hsl(15 85% 69%)
- OKLCH
- oklch(0.747 0.131 38.8)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #C46152 color page →
primary
#C46152
- RGB
- rgb(196 97 82)
- HSL
- hsl(8 49% 55%)
- OKLCH
- oklch(0.608 0.13 30.2)
WCAG contrast: on white 4.05:1 (Fail) · on black 5.17:1 (AA)
- #9C341F color page →
secondary
#9C341F
- RGB
- rgb(156 52 31)
- HSL
- hsl(10 67% 37%)
- OKLCH
- oklch(0.474 0.143 33.3)
WCAG contrast: on white 7.18:1 (AAA) · on black 2.92:1 (Fail)
- #77251B color page →
accent
#77251B
- RGB
- rgb(119 37 27)
- HSL
- hsl(7 63% 29%)
- OKLCH
- oklch(0.39 0.117 30.1)
WCAG contrast: on white 10.17:1 (AAA) · on black 2.06:1 (Fail)
- #3A0F09 color page →
highlight
#3A0F09
- RGB
- rgb(58 15 9)
- HSL
- hsl(7 73% 13%)
- OKLCH
- oklch(0.241 0.07 30.7)
WCAG contrast: on white 16.77:1 (AAA) · on black 1.25:1 (Fail)
- #0F0504 color page →
text
#0F0504
- RGB
- rgb(15 5 4)
- HSL
- hsl(5 58% 4%)
- OKLCH
- oklch(0.132 0.021 29)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Brick Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffebe5;
--surface: #f0b8a9;
--muted: #f38e6d;
--primary: #c46152;
--secondary: #9c341f;
--accent: #77251b;
--highlight: #3a0f09;
--text: #0f0504;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffebe5;
--color-surface: #f0b8a9;
--color-muted: #f38e6d;
--color-primary: #c46152;
--color-secondary: #9c341f;
--color-accent: #77251b;
--color-highlight: #3a0f09;
--color-text: #0f0504;
}JSON (DTCG tokens)
{
"classic-brick-studio-386": {
"bg": {
"$type": "color",
"$value": "#ffebe5"
},
"surface": {
"$type": "color",
"$value": "#f0b8a9"
},
"muted": {
"$type": "color",
"$value": "#f38e6d"
},
"primary": {
"$type": "color",
"$value": "#c46152"
},
"secondary": {
"$type": "color",
"$value": "#9c341f"
},
"accent": {
"$type": "color",
"$value": "#77251b"
},
"highlight": {
"$type": "color",
"$value": "#3a0f09"
},
"text": {
"$type": "color",
"$value": "#0f0504"
}
}
}About this palette
Classic Brick Studio is a 8-color OKLCH-ready palette tagged orange, warm, monochromatic, 8 colors. Hex values: #FFEBE5, #F0B8A9, #F38E6D, #C46152, #9C341F, #77251B, #3A0F09, #0F0504. APCA contrast score Lc 9.1. 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 Classic Brick Studio by OKLab color distance.