Palette · 4 colors · Lc 8.2
Low Meteorite Garden palette
Low Meteorite Garden: a 4-color palette (Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #DAE1F1, #8EB1E1, #4A3C71, #141A2C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 4 Colors
bg
#DAE1F1
surface
#8EB1E1
accent
#4A3C71
text
#141A2C
Colors in Low Meteorite Garden: HEX, RGB, HSL & OKLCH
- #DAE1F1 color page →
bg
#DAE1F1
- RGB
- rgb(218 225 241)
- HSL
- hsl(222 45% 90%)
- OKLCH
- oklch(0.909 0.023 266.9)
WCAG contrast: on white 1.31:1 (Fail) · on black 16.02:1 (AAA)
- #8EB1E1 color page →
surface
#8EB1E1
- RGB
- rgb(142 177 225)
- HSL
- hsl(215 58% 72%)
- OKLCH
- oklch(0.752 0.079 256.4)
WCAG contrast: on white 2.20:1 (Fail) · on black 9.52:1 (AAA)
- #4A3C71 color page →
accent
#4A3C71
- RGB
- rgb(74 60 113)
- HSL
- hsl(256 31% 34%)
- OKLCH
- oklch(0.397 0.088 294.2)
WCAG contrast: on white 9.65:1 (AAA) · on black 2.17:1 (Fail)
- #141A2C color page →
text
#141A2C
- RGB
- rgb(20 26 44)
- HSL
- hsl(225 38% 13%)
- OKLCH
- oklch(0.221 0.037 269.2)
WCAG contrast: on white 17.30:1 (AAA) · on black 1.21:1 (Fail)
Export Low Meteorite Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae1f1;
--surface: #8eb1e1;
--accent: #4a3c71;
--text: #141a2c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae1f1;
--color-surface: #8eb1e1;
--color-accent: #4a3c71;
--color-text: #141a2c;
}JSON (DTCG tokens)
{
"low-meteorite-garden-2ip": {
"bg": {
"$type": "color",
"$value": "#dae1f1"
},
"surface": {
"$type": "color",
"$value": "#8eb1e1"
},
"accent": {
"$type": "color",
"$value": "#4a3c71"
},
"text": {
"$type": "color",
"$value": "#141a2c"
}
}
}About this palette
Low Meteorite Garden is a 4-color OKLCH-ready palette tagged pink, 4 colors. Hex values: #DAE1F1, #8EB1E1, #4A3C71, #141A2C. APCA contrast score Lc 8.2. 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 Low Meteorite Garden by OKLab color distance.