Palette · 5 colors · Lc 8.7
Ninja Princess Prism palette
Ninja Princess Prism: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #E8EDE6, #6A854F, #75558C, #834F3D, #0C1006, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#E8EDE6
surface
#6A854F
primary
#75558C
accent
#834F3D
text
#0C1006
Colors in Ninja Princess Prism: HEX, RGB, HSL & OKLCH
- #E8EDE6 color page →
bg
#E8EDE6
- RGB
- rgb(232 237 230)
- HSL
- hsl(103 16% 92%)
- OKLCH
- oklch(0.94 0.011 136.6)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.68:1 (AAA)
- #6A854F color page →
surface
#6A854F
- RGB
- rgb(106 133 79)
- HSL
- hsl(90 25% 42%)
- OKLCH
- oklch(0.582 0.084 130.3)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #75558C color page →
primary
#75558C
- RGB
- rgb(117 85 140)
- HSL
- hsl(275 24% 44%)
- OKLCH
- oklch(0.505 0.092 310.1)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #834F3D color page →
accent
#834F3D
- RGB
- rgb(131 79 61)
- HSL
- hsl(15 36% 38%)
- OKLCH
- oklch(0.483 0.076 39.8)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #0C1006 color page →
text
#0C1006
- RGB
- rgb(12 16 6)
- HSL
- hsl(84 45% 4%)
- OKLCH
- oklch(0.165 0.022 125.5)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export Ninja Princess Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8ede6;
--surface: #6a854f;
--primary: #75558c;
--accent: #834f3d;
--text: #0c1006;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8ede6;
--color-surface: #6a854f;
--color-primary: #75558c;
--color-accent: #834f3d;
--color-text: #0c1006;
}JSON (DTCG tokens)
{
"ninja-princess-prism-4ry": {
"bg": {
"$type": "color",
"$value": "#e8ede6"
},
"surface": {
"$type": "color",
"$value": "#6a854f"
},
"primary": {
"$type": "color",
"$value": "#75558c"
},
"accent": {
"$type": "color",
"$value": "#834f3d"
},
"text": {
"$type": "color",
"$value": "#0c1006"
}
}
}About this palette
Ninja Princess Prism is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #E8EDE6, #6A854F, #75558C, #834F3D, #0C1006. APCA contrast score Lc 8.7. 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 Ninja Princess Prism by OKLab color distance.