Palette · 3 colors · Lc 9.1
Clear Piglet Cascade palette
Clear Piglet Cascade: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FFF3F8, #FFBABF, #432D34, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3F8
accent
#FFBABF
text
#432D34
Colors in Clear Piglet Cascade: HEX, RGB, HSL & OKLCH
- #FFF3F8 color page →
bg
#FFF3F8
- RGB
- rgb(255 243 248)
- HSL
- hsl(335 100% 98%)
- OKLCH
- oklch(0.975 0.014 350.1)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.42:1 (AAA)
- #FFBABF color page →
accent
#FFBABF
- RGB
- rgb(255 186 191)
- HSL
- hsl(356 100% 86%)
- OKLCH
- oklch(0.854 0.08 14.1)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.02:1 (AAA)
- #432D34 color page →
text
#432D34
- RGB
- rgb(67 45 52)
- HSL
- hsl(341 20% 22%)
- OKLCH
- oklch(0.326 0.034 358.4)
WCAG contrast: on white 12.62:1 (AAA) · on black 1.66:1 (Fail)
Export Clear Piglet Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3f8;
--accent: #ffbabf;
--text: #432d34;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3f8;
--color-accent: #ffbabf;
--color-text: #432d34;
}JSON (DTCG tokens)
{
"clear-piglet-cascade-1g0": {
"bg": {
"$type": "color",
"$value": "#fff3f8"
},
"accent": {
"$type": "color",
"$value": "#ffbabf"
},
"text": {
"$type": "color",
"$value": "#432d34"
}
}
}About this palette
Clear Piglet Cascade is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #FFF3F8, #FFBABF, #432D34. 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 Clear Piglet Cascade by OKLab color distance.