Palette · 5 colors · Lc 8
Vivid Magentle Forge palette
Vivid Magentle Forge: a 5-color palette (Red, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #DEECDF, #009900, #A100A1, #003B17, #030F05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEECDF
surface
#009900
primary
#A100A1
accent
#003B17
text
#030F05
Colors in Vivid Magentle Forge: HEX, RGB, HSL & OKLCH
- #DEECDF color page →
bg
#DEECDF
- RGB
- rgb(222 236 223)
- HSL
- hsl(124 27% 90%)
- OKLCH
- oklch(0.929 0.023 147.4)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.16:1 (AAA)
- #009900 color page →
surface
#009900
- RGB
- rgb(0 153 0)
- HSL
- hsl(120 100% 30%)
- OKLCH
- oklch(0.592 0.201 142.5)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.55:1 (AA)
- #A100A1 color page →
primary
#A100A1
- RGB
- rgb(161 0 161)
- HSL
- hsl(300 100% 32%)
- OKLCH
- oklch(0.497 0.229 328.4)
WCAG contrast: on white 6.93:1 (AA) · on black 3.03:1 (Fail)
- #003B17 color page →
accent
#003B17
- RGB
- rgb(0 59 23)
- HSL
- hsl(143 100% 12%)
- OKLCH
- oklch(0.308 0.084 150.3)
WCAG contrast: on white 12.82:1 (AAA) · on black 1.63:1 (Fail)
- #030F05 color page →
text
#030F05
- RGB
- rgb(3 15 5)
- HSL
- hsl(130 67% 4%)
- OKLCH
- oklch(0.152 0.031 149.2)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Vivid Magentle Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #deecdf;
--surface: #009900;
--primary: #a100a1;
--accent: #003b17;
--text: #030f05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #deecdf;
--color-surface: #009900;
--color-primary: #a100a1;
--color-accent: #003b17;
--color-text: #030f05;
}JSON (DTCG tokens)
{
"vivid-magentle-forge-1ym": {
"bg": {
"$type": "color",
"$value": "#deecdf"
},
"surface": {
"$type": "color",
"$value": "#009900"
},
"primary": {
"$type": "color",
"$value": "#a100a1"
},
"accent": {
"$type": "color",
"$value": "#003b17"
},
"text": {
"$type": "color",
"$value": "#030f05"
}
}
}About this palette
Vivid Magentle Forge is a 5-color OKLCH-ready palette tagged red, rainbow, 5 colors. Hex values: #DEECDF, #009900, #A100A1, #003B17, #030F05. APCA contrast score Lc 8. 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 Vivid Magentle Forge by OKLab color distance.