Palette · 5 colors · Lc 9.1
Tostada Studio palette
Tostada Studio: a 5-color palette (Green, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FFF5F0, #FFD6CA, #E4C29E, #E9B5BB, #43322C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF5F0
surface
#FFD6CA
primary
#E4C29E
accent
#E9B5BB
text
#43322C
Colors in Tostada Studio: HEX, RGB, HSL & OKLCH
- #FFF5F0 color page →
bg
#FFF5F0
- RGB
- rgb(255 245 240)
- HSL
- hsl(20 100% 97%)
- OKLCH
- oklch(0.977 0.013 48.6)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.57:1 (AAA)
- #FFD6CA color page →
surface
#FFD6CA
- RGB
- rgb(255 214 202)
- HSL
- hsl(14 100% 90%)
- OKLCH
- oklch(0.908 0.049 36.9)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.72:1 (AAA)
- #E4C29E color page →
primary
#E4C29E
- RGB
- rgb(228 194 158)
- HSL
- hsl(31 56% 76%)
- OKLCH
- oklch(0.834 0.062 68.4)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.50:1 (AAA)
- #E9B5BB color page →
accent
#E9B5BB
- RGB
- rgb(233 181 187)
- HSL
- hsl(353 54% 81%)
- OKLCH
- oklch(0.822 0.061 10.7)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.79:1 (AAA)
- #43322C color page →
text
#43322C
- RGB
- rgb(67 50 44)
- HSL
- hsl(16 21% 22%)
- OKLCH
- oklch(0.334 0.027 40.3)
WCAG contrast: on white 12.12:1 (AAA) · on black 1.73:1 (Fail)
Export Tostada Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff5f0;
--surface: #ffd6ca;
--primary: #e4c29e;
--accent: #e9b5bb;
--text: #43322c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff5f0;
--color-surface: #ffd6ca;
--color-primary: #e4c29e;
--color-accent: #e9b5bb;
--color-text: #43322c;
}JSON (DTCG tokens)
{
"tostada-studio-zk": {
"bg": {
"$type": "color",
"$value": "#fff5f0"
},
"surface": {
"$type": "color",
"$value": "#ffd6ca"
},
"primary": {
"$type": "color",
"$value": "#e4c29e"
},
"accent": {
"$type": "color",
"$value": "#e9b5bb"
},
"text": {
"$type": "color",
"$value": "#43322c"
}
}
}About this palette
Tostada Studio is a 5-color OKLCH-ready palette tagged green, gray, warm, pastel, 5 colors. Hex values: #FFF5F0, #FFD6CA, #E4C29E, #E9B5BB, #43322C. 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 Tostada Studio by OKLab color distance.