Palette · 3 colors · Lc 8.6
Sky High Orchard palette
Sky High Orchard: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E3F2FF, #B6C8F8, #21313E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F2FF
accent
#B6C8F8
text
#21313E
Colors in Sky High Orchard: HEX, RGB, HSL & OKLCH
- #E3F2FF color page →
bg
#E3F2FF
- RGB
- rgb(227 242 255)
- HSL
- hsl(208 100% 95%)
- OKLCH
- oklch(0.954 0.024 244.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.41:1 (AAA)
- #B6C8F8 color page →
accent
#B6C8F8
- RGB
- rgb(182 200 248)
- HSL
- hsl(224 83% 84%)
- OKLCH
- oklch(0.836 0.07 268.8)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.60:1 (AAA)
- #21313E color page →
text
#21313E
- RGB
- rgb(33 49 62)
- HSL
- hsl(207 31% 19%)
- OKLCH
- oklch(0.305 0.032 243.6)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
Export Sky High Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f2ff;
--accent: #b6c8f8;
--text: #21313e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f2ff;
--color-accent: #b6c8f8;
--color-text: #21313e;
}JSON (DTCG tokens)
{
"sky-high-orchard-3yn": {
"bg": {
"$type": "color",
"$value": "#e3f2ff"
},
"accent": {
"$type": "color",
"$value": "#b6c8f8"
},
"text": {
"$type": "color",
"$value": "#21313e"
}
}
}About this palette
Sky High Orchard is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #E3F2FF, #B6C8F8, #21313E. APCA contrast score Lc 8.6. 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 Sky High Orchard by OKLab color distance.