Palette · 4 colors · Lc 9.3
La la Love Forge palette
La la Love Forge: a 4-color palette (Red, Warm, Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #F9E5F0, #C688B9, #692B40, #140B10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E5F0
surface
#C688B9
accent
#692B40
text
#140B10
Colors in La la Love Forge: HEX, RGB, HSL & OKLCH
- #F9E5F0 color page →
bg
#F9E5F0
- RGB
- rgb(249 229 240)
- HSL
- hsl(327 62% 94%)
- OKLCH
- oklch(0.941 0.026 343.3)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)
- #C688B9 color page →
surface
#C688B9
- RGB
- rgb(198 136 185)
- HSL
- hsl(313 35% 65%)
- OKLCH
- oklch(0.704 0.099 334.4)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.62:1 (AAA)
- #692B40 color page →
accent
#692B40
- RGB
- rgb(105 43 64)
- HSL
- hsl(340 42% 29%)
- OKLCH
- oklch(0.383 0.092 1.1)
WCAG contrast: on white 10.39:1 (AAA) · on black 2.02:1 (Fail)
- #140B10 color page →
text
#140B10
- RGB
- rgb(20 11 16)
- HSL
- hsl(327 29% 6%)
- OKLCH
- oklch(0.164 0.018 344.9)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export La la Love Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e5f0;
--surface: #c688b9;
--accent: #692b40;
--text: #140b10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e5f0;
--color-surface: #c688b9;
--color-accent: #692b40;
--color-text: #140b10;
}JSON (DTCG tokens)
{
"la-la-love-forge-207": {
"bg": {
"$type": "color",
"$value": "#f9e5f0"
},
"surface": {
"$type": "color",
"$value": "#c688b9"
},
"accent": {
"$type": "color",
"$value": "#692b40"
},
"text": {
"$type": "color",
"$value": "#140b10"
}
}
}About this palette
La la Love Forge is a 4-color OKLCH-ready palette tagged red, warm, pink, 4 colors. Hex values: #F9E5F0, #C688B9, #692B40, #140B10. APCA contrast score Lc 9.3. 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 La la Love Forge by OKLab color distance.