Palette · 10 colors · Lc 8.2
Kimchi Prism palette
Kimchi Prism: a 10-color palette (Orange, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F0E7E1, #FEC09F, #FF8A7C, #FF613C, #EB4A00, #C53000, #984100, #723700, #531200, #2E0500, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E7E1
surface
#FEC09F
muted
#FF8A7C
primary
#FF613C
secondary
#EB4A00
accent
#C53000
highlight
#984100
border
#723700
focus
#531200
text
#2E0500
Colors in Kimchi Prism: HEX, RGB, HSL & OKLCH
- #F0E7E1 color page →
bg
#F0E7E1
- RGB
- rgb(240 231 225)
- HSL
- hsl(24 33% 91%)
- OKLCH
- oklch(0.933 0.013 56.2)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.22:1 (AAA)
- #FEC09F color page →
surface
#FEC09F
- RGB
- rgb(254 192 159)
- HSL
- hsl(21 98% 81%)
- OKLCH
- oklch(0.856 0.084 49.2)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.25:1 (AAA)
- #FF8A7C color page →
muted
#FF8A7C
- RGB
- rgb(255 138 124)
- HSL
- hsl(6 100% 74%)
- OKLCH
- oklch(0.759 0.144 28.1)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)
- #FF613C color page →
primary
#FF613C
- RGB
- rgb(255 97 60)
- HSL
- hsl(11 100% 62%)
- OKLCH
- oklch(0.693 0.2 34.5)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.02:1 (AAA)
- #EB4A00 color page →
secondary
#EB4A00
- RGB
- rgb(235 74 0)
- HSL
- hsl(19 100% 46%)
- OKLCH
- oklch(0.631 0.207 37.9)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #C53000 color page →
accent
#C53000
- RGB
- rgb(197 48 0)
- HSL
- hsl(15 100% 39%)
- OKLCH
- oklch(0.541 0.191 34.7)
WCAG contrast: on white 5.53:1 (AA) · on black 3.79:1 (Fail)
- #984100 color page →
highlight
#984100
- RGB
- rgb(152 65 0)
- HSL
- hsl(26 100% 30%)
- OKLCH
- oklch(0.484 0.133 47.5)
WCAG contrast: on white 6.79:1 (AA) · on black 3.09:1 (Fail)
- #723700 color page →
border
#723700
- RGB
- rgb(114 55 0)
- HSL
- hsl(29 100% 22%)
- OKLCH
- oklch(0.407 0.102 54.3)
WCAG contrast: on white 9.28:1 (AAA) · on black 2.26:1 (Fail)
- #531200 color page →
focus
#531200
- RGB
- rgb(83 18 0)
- HSL
- hsl(13 100% 16%)
- OKLCH
- oklch(0.294 0.1 36.5)
WCAG contrast: on white 14.43:1 (AAA) · on black 1.45:1 (Fail)
- #2E0500 color page →
text
#2E0500
- RGB
- rgb(46 5 0)
- HSL
- hsl(7 100% 9%)
- OKLCH
- oklch(0.198 0.07 35)
WCAG contrast: on white 18.45:1 (AAA) · on black 1.13:1 (Fail)
Export Kimchi Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e7e1;
--surface: #fec09f;
--muted: #ff8a7c;
--primary: #ff613c;
--secondary: #eb4a00;
--accent: #c53000;
--highlight: #984100;
--border: #723700;
--focus: #531200;
--text: #2e0500;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e7e1;
--color-surface: #fec09f;
--color-muted: #ff8a7c;
--color-primary: #ff613c;
--color-secondary: #eb4a00;
--color-accent: #c53000;
--color-highlight: #984100;
--color-border: #723700;
--color-focus: #531200;
--color-text: #2e0500;
}JSON (DTCG tokens)
{
"kimchi-prism-6w9": {
"bg": {
"$type": "color",
"$value": "#f0e7e1"
},
"surface": {
"$type": "color",
"$value": "#fec09f"
},
"muted": {
"$type": "color",
"$value": "#ff8a7c"
},
"primary": {
"$type": "color",
"$value": "#ff613c"
},
"secondary": {
"$type": "color",
"$value": "#eb4a00"
},
"accent": {
"$type": "color",
"$value": "#c53000"
},
"highlight": {
"$type": "color",
"$value": "#984100"
},
"border": {
"$type": "color",
"$value": "#723700"
},
"focus": {
"$type": "color",
"$value": "#531200"
},
"text": {
"$type": "color",
"$value": "#2e0500"
}
}
}About this palette
Kimchi Prism is a 10-color OKLCH-ready palette tagged orange, warm, 10 colors. Hex values: #F0E7E1, #FEC09F, #FF8A7C, #FF613C, #EB4A00, #C53000, #984100, #723700, #531200, #2E0500. APCA contrast score Lc 8.2. 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 Kimchi Prism by OKLab color distance.