Palette · 4 colors · Lc 7.7
Luminous Kissable Ledger palette
Luminous Kissable Ledger: a 4-color palette (Orange, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #F8DFD3, #FD8B7A, #822856, #141530, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8DFD3
surface
#FD8B7A
accent
#822856
text
#141530
Colors in Luminous Kissable Ledger: HEX, RGB, HSL & OKLCH
- #F8DFD3 color page →
bg
#F8DFD3
- RGB
- rgb(248 223 211)
- HSL
- hsl(19 73% 90%)
- OKLCH
- oklch(0.921 0.032 47.3)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.48:1 (AAA)
- #FD8B7A color page →
surface
#FD8B7A
- RGB
- rgb(253 139 122)
- HSL
- hsl(8 97% 74%)
- OKLCH
- oklch(0.757 0.141 29.6)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.15:1 (AAA)
- #822856 color page →
accent
#822856
- RGB
- rgb(130 40 86)
- HSL
- hsl(329 53% 33%)
- OKLCH
- oklch(0.428 0.132 352.6)
WCAG contrast: on white 8.79:1 (AAA) · on black 2.38:1 (Fail)
- #141530 color page →
text
#141530
- RGB
- rgb(20 21 48)
- HSL
- hsl(238 41% 13%)
- OKLCH
- oklch(0.211 0.052 279.3)
WCAG contrast: on white 17.80:1 (AAA) · on black 1.17:1 (Fail)
Export Luminous Kissable Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8dfd3;
--surface: #fd8b7a;
--accent: #822856;
--text: #141530;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8dfd3;
--color-surface: #fd8b7a;
--color-accent: #822856;
--color-text: #141530;
}JSON (DTCG tokens)
{
"luminous-kissable-ledger-2wl": {
"bg": {
"$type": "color",
"$value": "#f8dfd3"
},
"surface": {
"$type": "color",
"$value": "#fd8b7a"
},
"accent": {
"$type": "color",
"$value": "#822856"
},
"text": {
"$type": "color",
"$value": "#141530"
}
}
}About this palette
Luminous Kissable Ledger is a 4-color OKLCH-ready palette tagged orange, warm, sunset, 4 colors. Hex values: #F8DFD3, #FD8B7A, #822856, #141530. APCA contrast score Lc 7.7. 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 Luminous Kissable Ledger by OKLab color distance.