Palette · 10 colors · Lc 8.4
Koi Ledger palette
Koi Ledger: a 10-color palette (Yellow, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F0E4DF, #F2BAAD, #F6A1AA, #DE8076, #D45F2F, #B75500, #8F4400, #6A2900, #4C2000, #2A0300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E4DF
surface
#F2BAAD
muted
#F6A1AA
primary
#DE8076
secondary
#D45F2F
accent
#B75500
highlight
#8F4400
border
#6A2900
focus
#4C2000
text
#2A0300
Colors in Koi Ledger: HEX, RGB, HSL & OKLCH
- #F0E4DF color page →
bg
#F0E4DF
- RGB
- rgb(240 228 223)
- HSL
- hsl(18 36% 91%)
- OKLCH
- oklch(0.927 0.015 44.2)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.86:1 (AAA)
- #F2BAAD color page →
surface
#F2BAAD
- RGB
- rgb(242 186 173)
- HSL
- hsl(11 73% 81%)
- OKLCH
- oklch(0.836 0.068 33.4)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.40:1 (AAA)
- #F6A1AA color page →
muted
#F6A1AA
- RGB
- rgb(246 161 170)
- HSL
- hsl(354 83% 80%)
- OKLCH
- oklch(0.795 0.102 12.7)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.59:1 (AAA)
- #DE8076 color page →
primary
#DE8076
- RGB
- rgb(222 128 118)
- HSL
- hsl(6 61% 67%)
- OKLCH
- oklch(0.699 0.118 26.9)
WCAG contrast: on white 2.81:1 (Fail) · on black 7.45:1 (AAA)
- #D45F2F color page →
secondary
#D45F2F
- RGB
- rgb(212 95 47)
- HSL
- hsl(17 66% 51%)
- OKLCH
- oklch(0.624 0.16 41.2)
WCAG contrast: on white 3.83:1 (Fail) · on black 5.47:1 (AA)
- #B75500 color page →
accent
#B75500
- RGB
- rgb(183 85 0)
- HSL
- hsl(28 100% 36%)
- OKLCH
- oklch(0.563 0.148 50.2)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #8F4400 color page →
highlight
#8F4400
- RGB
- rgb(143 68 0)
- HSL
- hsl(29 100% 28%)
- OKLCH
- oklch(0.474 0.121 52.4)
WCAG contrast: on white 7.01:1 (AAA) · on black 2.99:1 (Fail)
- #6A2900 color page →
border
#6A2900
- RGB
- rgb(106 41 0)
- HSL
- hsl(23 100% 21%)
- OKLCH
- oklch(0.37 0.104 45.9)
WCAG contrast: on white 10.88:1 (AAA) · on black 1.93:1 (Fail)
- #4C2000 color page →
focus
#4C2000
- RGB
- rgb(76 32 0)
- HSL
- hsl(25 100% 15%)
- OKLCH
- oklch(0.302 0.079 51.1)
WCAG contrast: on white 13.87:1 (AAA) · on black 1.51:1 (Fail)
- #2A0300 color page →
text
#2A0300
- RGB
- rgb(42 3 0)
- HSL
- hsl(4 100% 8%)
- OKLCH
- oklch(0.185 0.068 33.3)
WCAG contrast: on white 18.89:1 (AAA) · on black 1.11:1 (Fail)
Export Koi Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e4df;
--surface: #f2baad;
--muted: #f6a1aa;
--primary: #de8076;
--secondary: #d45f2f;
--accent: #b75500;
--highlight: #8f4400;
--border: #6a2900;
--focus: #4c2000;
--text: #2a0300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e4df;
--color-surface: #f2baad;
--color-muted: #f6a1aa;
--color-primary: #de8076;
--color-secondary: #d45f2f;
--color-accent: #b75500;
--color-highlight: #8f4400;
--color-border: #6a2900;
--color-focus: #4c2000;
--color-text: #2a0300;
}JSON (DTCG tokens)
{
"koi-ledger-6vb": {
"bg": {
"$type": "color",
"$value": "#f0e4df"
},
"surface": {
"$type": "color",
"$value": "#f2baad"
},
"muted": {
"$type": "color",
"$value": "#f6a1aa"
},
"primary": {
"$type": "color",
"$value": "#de8076"
},
"secondary": {
"$type": "color",
"$value": "#d45f2f"
},
"accent": {
"$type": "color",
"$value": "#b75500"
},
"highlight": {
"$type": "color",
"$value": "#8f4400"
},
"border": {
"$type": "color",
"$value": "#6a2900"
},
"focus": {
"$type": "color",
"$value": "#4c2000"
},
"text": {
"$type": "color",
"$value": "#2a0300"
}
}
}About this palette
Koi Ledger is a 10-color OKLCH-ready palette tagged yellow, warm, 10 colors. Hex values: #F0E4DF, #F2BAAD, #F6A1AA, #DE8076, #D45F2F, #B75500, #8F4400, #6A2900, #4C2000, #2A0300. APCA contrast score Lc 8.4. 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 Koi Ledger by OKLab color distance.