Palette · 5 colors · Lc 9.6
Bambino System palette
Bambino System: a 5-color palette (Turquoise, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #ECFBF3, #BDE9D1, #91D6D0, #B6BF96, #1C3529, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECFBF3
surface
#BDE9D1
primary
#91D6D0
accent
#B6BF96
text
#1C3529
Colors in Bambino System: HEX, RGB, HSL & OKLCH
- #ECFBF3 color page →
bg
#ECFBF3
- RGB
- rgb(236 251 243)
- HSL
- hsl(148 65% 95%)
- OKLCH
- oklch(0.975 0.019 162.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.65:1 (AAA)
- #BDE9D1 color page →
surface
#BDE9D1
- RGB
- rgb(189 233 209)
- HSL
- hsl(147 50% 83%)
- OKLCH
- oklch(0.896 0.056 161.2)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.74:1 (AAA)
- #91D6D0 color page →
primary
#91D6D0
- RGB
- rgb(145 214 208)
- HSL
- hsl(175 46% 70%)
- OKLCH
- oklch(0.829 0.07 189)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.73:1 (AAA)
- #B6BF96 color page →
accent
#B6BF96
- RGB
- rgb(182 191 150)
- HSL
- hsl(73 24% 67%)
- OKLCH
- oklch(0.787 0.057 117.8)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.88:1 (AAA)
- #1C3529 color page →
text
#1C3529
- RGB
- rgb(28 53 41)
- HSL
- hsl(151 31% 16%)
- OKLCH
- oklch(0.304 0.038 162.1)
WCAG contrast: on white 13.20:1 (AAA) · on black 1.59:1 (Fail)
Export Bambino System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecfbf3;
--surface: #bde9d1;
--primary: #91d6d0;
--accent: #b6bf96;
--text: #1c3529;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecfbf3;
--color-surface: #bde9d1;
--color-primary: #91d6d0;
--color-accent: #b6bf96;
--color-text: #1c3529;
}JSON (DTCG tokens)
{
"bambino-system-2yi": {
"bg": {
"$type": "color",
"$value": "#ecfbf3"
},
"surface": {
"$type": "color",
"$value": "#bde9d1"
},
"primary": {
"$type": "color",
"$value": "#91d6d0"
},
"accent": {
"$type": "color",
"$value": "#b6bf96"
},
"text": {
"$type": "color",
"$value": "#1c3529"
}
}
}About this palette
Bambino System is a 5-color OKLCH-ready palette tagged turquoise, gray, cold, pastel, 5 colors. Hex values: #ECFBF3, #BDE9D1, #91D6D0, #B6BF96, #1C3529. APCA contrast score Lc 9.6. 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 Bambino System by OKLab color distance.