Palette · 3 colors · Lc 9.5
Nocturne Red System palette
Nocturne Red System: a 3-color palette (Red, Gray, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #E1F4F1, #7C515C, #000808, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F4F1
accent
#7C515C
text
#000808
Colors in Nocturne Red System: HEX, RGB, HSL & OKLCH
- #E1F4F1 color page →
bg
#E1F4F1
- RGB
- rgb(225 244 241)
- HSL
- hsl(171 46% 92%)
- OKLCH
- oklch(0.952 0.02 185.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.41:1 (AAA)
- #7C515C color page →
accent
#7C515C
- RGB
- rgb(124 81 92)
- HSL
- hsl(345 21% 40%)
- OKLCH
- oklch(0.486 0.059 2.8)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #000808 color page →
text
#000808
- RGB
- rgb(0 8 8)
- HSL
- hsl(180 100% 2%)
- OKLCH
- oklch(0.122 0.021 194.8)
WCAG contrast: on white 20.22:1 (AAA) · on black 1.03:1 (Fail)
Export Nocturne Red System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f4f1;
--accent: #7c515c;
--text: #000808;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f4f1;
--color-accent: #7c515c;
--color-text: #000808;
}JSON (DTCG tokens)
{
"nocturne-red-system-2gi": {
"bg": {
"$type": "color",
"$value": "#e1f4f1"
},
"accent": {
"$type": "color",
"$value": "#7c515c"
},
"text": {
"$type": "color",
"$value": "#000808"
}
}
}About this palette
Nocturne Red System is a 3-color OKLCH-ready palette tagged red, gray, warm, 3 colors. Hex values: #E1F4F1, #7C515C, #000808. APCA contrast score Lc 9.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 Nocturne Red System by OKLab color distance.