Palette · 4 colors · Lc 8.8
Quiet Meatloaf Studio palette
Quiet Meatloaf Studio: a 4-color palette (Yellow, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #F3E8E4, #BA856E, #673A20, #090503, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Gray
- Warm
- Monochromatic
- 4 Colors
bg
#F3E8E4
surface
#BA856E
accent
#673A20
text
#090503
Colors in Quiet Meatloaf Studio: HEX, RGB, HSL & OKLCH
- #F3E8E4 color page →
bg
#F3E8E4
- RGB
- rgb(243 232 228)
- HSL
- hsl(16 38% 92%)
- OKLCH
- oklch(0.939 0.013 41.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #BA856E color page →
surface
#BA856E
- RGB
- rgb(186 133 110)
- HSL
- hsl(18 36% 58%)
- OKLCH
- oklch(0.663 0.074 44.4)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.66:1 (AA)
- #673A20 color page →
accent
#673A20
- RGB
- rgb(103 58 32)
- HSL
- hsl(22 53% 26%)
- OKLCH
- oklch(0.398 0.075 49.4)
WCAG contrast: on white 9.53:1 (AAA) · on black 2.20:1 (Fail)
- #090503 color page →
text
#090503
- RGB
- rgb(9 5 3)
- HSL
- hsl(20 50% 2%)
- OKLCH
- oklch(0.121 0.012 55.9)
WCAG contrast: on white 20.29:1 (AAA) · on black 1.03:1 (Fail)
Export Quiet Meatloaf Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3e8e4;
--surface: #ba856e;
--accent: #673a20;
--text: #090503;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3e8e4;
--color-surface: #ba856e;
--color-accent: #673a20;
--color-text: #090503;
}JSON (DTCG tokens)
{
"quiet-meatloaf-studio-2jf": {
"bg": {
"$type": "color",
"$value": "#f3e8e4"
},
"surface": {
"$type": "color",
"$value": "#ba856e"
},
"accent": {
"$type": "color",
"$value": "#673a20"
},
"text": {
"$type": "color",
"$value": "#090503"
}
}
}About this palette
Quiet Meatloaf Studio is a 4-color OKLCH-ready palette tagged yellow, gray, warm, monochromatic, 4 colors. Hex values: #F3E8E4, #BA856E, #673A20, #090503. APCA contrast score Lc 8.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 Quiet Meatloaf Studio by OKLab color distance.