Palette · 4 colors · Lc 8.4
Plum Kingdom Garden palette
Plum Kingdom Garden: a 4-color palette (Red, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E2E7EF, #A52E7B, #9B3F00, #030A16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2E7EF
surface
#A52E7B
accent
#9B3F00
text
#030A16
Colors in Plum Kingdom Garden: HEX, RGB, HSL & OKLCH
- #E2E7EF color page →
bg
#E2E7EF
- RGB
- rgb(226 231 239)
- HSL
- hsl(217 29% 91%)
- OKLCH
- oklch(0.926 0.012 259.8)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.91:1 (AAA)
- #A52E7B color page →
surface
#A52E7B
- RGB
- rgb(165 46 123)
- HSL
- hsl(321 56% 41%)
- OKLCH
- oklch(0.508 0.173 345.3)
WCAG contrast: on white 6.40:1 (AA) · on black 3.27:1 (Fail)
- #9B3F00 color page →
accent
#9B3F00
- RGB
- rgb(155 63 0)
- HSL
- hsl(24 100% 30%)
- OKLCH
- oklch(0.486 0.137 45.6)
WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)
- #030A16 color page →
text
#030A16
- RGB
- rgb(3 10 22)
- HSL
- hsl(218 76% 5%)
- OKLCH
- oklch(0.143 0.03 255.2)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Plum Kingdom Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2e7ef;
--surface: #a52e7b;
--accent: #9b3f00;
--text: #030a16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2e7ef;
--color-surface: #a52e7b;
--color-accent: #9b3f00;
--color-text: #030a16;
}JSON (DTCG tokens)
{
"plum-kingdom-garden-10o": {
"bg": {
"$type": "color",
"$value": "#e2e7ef"
},
"surface": {
"$type": "color",
"$value": "#a52e7b"
},
"accent": {
"$type": "color",
"$value": "#9b3f00"
},
"text": {
"$type": "color",
"$value": "#030a16"
}
}
}About this palette
Plum Kingdom Garden is a 4-color OKLCH-ready palette tagged red, warm, 4 colors. Hex values: #E2E7EF, #A52E7B, #9B3F00, #030A16. APCA contrast score Lc 8.4. 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 Plum Kingdom Garden by OKLab color distance.