Palette · 10 colors · Lc 8.1
Classic Prophet Violet Bloom palette
Classic Prophet Violet Bloom: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #D8E6D4, #8EB176, #328545, #007C81, #2470A2, #6F59AB, #81416E, #8F4434, #4C3900, #060D03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#D8E6D4
surface
#8EB176
muted
#328545
primary
#007C81
secondary
#2470A2
accent
#6F59AB
highlight
#81416E
border
#8F4434
focus
#4C3900
text
#060D03
Colors in Classic Prophet Violet Bloom: HEX, RGB, HSL & OKLCH
- #D8E6D4 color page →
bg
#D8E6D4
- RGB
- rgb(216 230 212)
- HSL
- hsl(107 26% 87%)
- OKLCH
- oklch(0.909 0.028 138.7)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.18:1 (AAA)
- #8EB176 color page →
surface
#8EB176
- RGB
- rgb(142 177 118)
- HSL
- hsl(96 27% 58%)
- OKLCH
- oklch(0.719 0.091 133.2)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #328545 color page →
muted
#328545
- RGB
- rgb(50 133 69)
- HSL
- hsl(134 45% 36%)
- OKLCH
- oklch(0.55 0.126 148.3)
WCAG contrast: on white 4.58:1 (AA) · on black 4.57:1 (AA)
- #007C81 color page →
primary
#007C81
- RGB
- rgb(0 124 129)
- HSL
- hsl(182 100% 25%)
- OKLCH
- oklch(0.533 0.091 199.8)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #2470A2 color page →
secondary
#2470A2
- RGB
- rgb(36 112 162)
- HSL
- hsl(204 64% 39%)
- OKLCH
- oklch(0.523 0.107 242.2)
WCAG contrast: on white 5.36:1 (AA) · on black 3.91:1 (Fail)
- #6F59AB color page →
accent
#6F59AB
- RGB
- rgb(111 89 171)
- HSL
- hsl(256 33% 51%)
- OKLCH
- oklch(0.524 0.126 294)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #81416E color page →
highlight
#81416E
- RGB
- rgb(129 65 110)
- HSL
- hsl(318 33% 38%)
- OKLCH
- oklch(0.471 0.106 339.6)
WCAG contrast: on white 7.20:1 (AAA) · on black 2.91:1 (Fail)
- #8F4434 color page →
border
#8F4434
- RGB
- rgb(143 68 52)
- HSL
- hsl(11 47% 38%)
- OKLCH
- oklch(0.479 0.106 33.4)
WCAG contrast: on white 6.89:1 (AA) · on black 3.04:1 (Fail)
- #4C3900 color page →
focus
#4C3900
- RGB
- rgb(76 57 0)
- HSL
- hsl(45 100% 15%)
- OKLCH
- oklch(0.356 0.073 87.6)
WCAG contrast: on white 11.09:1 (AAA) · on black 1.89:1 (Fail)
- #060D03 color page →
text
#060D03
- RGB
- rgb(6 13 3)
- HSL
- hsl(102 63% 3%)
- OKLCH
- oklch(0.147 0.028 134.4)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Prophet Violet Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8e6d4;
--surface: #8eb176;
--muted: #328545;
--primary: #007c81;
--secondary: #2470a2;
--accent: #6f59ab;
--highlight: #81416e;
--border: #8f4434;
--focus: #4c3900;
--text: #060d03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8e6d4;
--color-surface: #8eb176;
--color-muted: #328545;
--color-primary: #007c81;
--color-secondary: #2470a2;
--color-accent: #6f59ab;
--color-highlight: #81416e;
--color-border: #8f4434;
--color-focus: #4c3900;
--color-text: #060d03;
}JSON (DTCG tokens)
{
"classic-prophet-violet-bloom-3vc": {
"bg": {
"$type": "color",
"$value": "#d8e6d4"
},
"surface": {
"$type": "color",
"$value": "#8eb176"
},
"muted": {
"$type": "color",
"$value": "#328545"
},
"primary": {
"$type": "color",
"$value": "#007c81"
},
"secondary": {
"$type": "color",
"$value": "#2470a2"
},
"accent": {
"$type": "color",
"$value": "#6f59ab"
},
"highlight": {
"$type": "color",
"$value": "#81416e"
},
"border": {
"$type": "color",
"$value": "#8f4434"
},
"focus": {
"$type": "color",
"$value": "#4c3900"
},
"text": {
"$type": "color",
"$value": "#060d03"
}
}
}About this palette
Classic Prophet Violet Bloom is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #D8E6D4, #8EB176, #328545, #007C81, #2470A2, #6F59AB, #81416E, #8F4434, #4C3900, #060D03. APCA contrast score Lc 8.1. 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 Classic Prophet Violet Bloom by OKLab color distance.