Palette · 4 colors · Lc 8.5
Ghost Pepper Horizon palette
Ghost Pepper Horizon: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E7EFEA, #009938, #C20200, #00120A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EFEA
surface
#009938
accent
#C20200
text
#00120A
Colors in Ghost Pepper Horizon: HEX, RGB, HSL & OKLCH
- #E7EFEA color page →
bg
#E7EFEA
- RGB
- rgb(231 239 234)
- HSL
- hsl(142 20% 92%)
- OKLCH
- oklch(0.945 0.011 158.8)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
- #009938 color page →
surface
#009938
- RGB
- rgb(0 153 56)
- HSL
- hsl(142 100% 30%)
- OKLCH
- oklch(0.595 0.176 147.3)
WCAG contrast: on white 3.74:1 (Fail) · on black 5.61:1 (AA)
- #C20200 color page →
accent
#C20200
- RGB
- rgb(194 2 0)
- HSL
- hsl(1 100% 38%)
- OKLCH
- oklch(0.512 0.209 29.3)
WCAG contrast: on white 6.35:1 (AA) · on black 3.30:1 (Fail)
- #00120A color page →
text
#00120A
- RGB
- rgb(0 18 10)
- HSL
- hsl(153 100% 4%)
- OKLCH
- oklch(0.161 0.034 165.5)
WCAG contrast: on white 19.25:1 (AAA) · on black 1.09:1 (Fail)
Export Ghost Pepper Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7efea;
--surface: #009938;
--accent: #c20200;
--text: #00120a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7efea;
--color-surface: #009938;
--color-accent: #c20200;
--color-text: #00120a;
}JSON (DTCG tokens)
{
"ghost-pepper-horizon-2xy": {
"bg": {
"$type": "color",
"$value": "#e7efea"
},
"surface": {
"$type": "color",
"$value": "#009938"
},
"accent": {
"$type": "color",
"$value": "#c20200"
},
"text": {
"$type": "color",
"$value": "#00120a"
}
}
}About this palette
Ghost Pepper Horizon is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #E7EFEA, #009938, #C20200, #00120A. APCA contrast score Lc 8.5. 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 Ghost Pepper Horizon by OKLab color distance.