Palette · 4 colors · Lc 8.4
Starstruck Garden palette
Starstruck Garden: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #D9E2F7, #4B68B6, #397A39, #090C14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9E2F7
surface
#4B68B6
accent
#397A39
text
#090C14
Colors in Starstruck Garden: HEX, RGB, HSL & OKLCH
- #D9E2F7 color page →
bg
#D9E2F7
- RGB
- rgb(217 226 247)
- HSL
- hsl(222 65% 91%)
- OKLCH
- oklch(0.912 0.03 267.2)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.17:1 (AAA)
- #4B68B6 color page →
surface
#4B68B6
- RGB
- rgb(75 104 182)
- HSL
- hsl(224 42% 50%)
- OKLCH
- oklch(0.533 0.127 266.8)
WCAG contrast: on white 5.31:1 (AA) · on black 3.95:1 (Fail)
- #397A39 color page →
accent
#397A39
- RGB
- rgb(57 122 57)
- HSL
- hsl(120 36% 35%)
- OKLCH
- oklch(0.52 0.118 143.6)
WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)
- #090C14 color page →
text
#090C14
- RGB
- rgb(9 12 20)
- HSL
- hsl(224 38% 6%)
- OKLCH
- oklch(0.155 0.018 268.3)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Starstruck Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9e2f7;
--surface: #4b68b6;
--accent: #397a39;
--text: #090c14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9e2f7;
--color-surface: #4b68b6;
--color-accent: #397a39;
--color-text: #090c14;
}JSON (DTCG tokens)
{
"starstruck-garden-57y": {
"bg": {
"$type": "color",
"$value": "#d9e2f7"
},
"surface": {
"$type": "color",
"$value": "#4b68b6"
},
"accent": {
"$type": "color",
"$value": "#397a39"
},
"text": {
"$type": "color",
"$value": "#090c14"
}
}
}About this palette
Starstruck Garden is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #D9E2F7, #4B68B6, #397A39, #090C14. 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 Starstruck Garden by OKLab color distance.