Palette · 10 colors · Lc 9.6
Starstruck Ember palette
Starstruck Ember: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #DAF2FF, #B4DAFF, #92BDED, #619FDE, #438ACE, #3363AC, #194A89, #183662, #041A34, #04060B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAF2FF
surface
#B4DAFF
muted
#92BDED
primary
#619FDE
secondary
#438ACE
accent
#3363AC
highlight
#194A89
border
#183662
focus
#041A34
text
#04060B
Colors in Starstruck Ember: HEX, RGB, HSL & OKLCH
- #DAF2FF color page →
bg
#DAF2FF
- RGB
- rgb(218 242 255)
- HSL
- hsl(201 100% 93%)
- OKLCH
- oklch(0.948 0.031 231.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #B4DAFF color page →
surface
#B4DAFF
- RGB
- rgb(180 218 255)
- HSL
- hsl(210 100% 85%)
- OKLCH
- oklch(0.873 0.065 247.9)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.41:1 (AAA)
- #92BDED color page →
muted
#92BDED
- RGB
- rgb(146 189 237)
- HSL
- hsl(212 72% 75%)
- OKLCH
- oklch(0.785 0.083 251.6)
WCAG contrast: on white 1.95:1 (Fail) · on black 10.72:1 (AAA)
- #619FDE color page →
primary
#619FDE
- RGB
- rgb(97 159 222)
- HSL
- hsl(210 65% 63%)
- OKLCH
- oklch(0.687 0.114 250.1)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.52:1 (AAA)
- #438ACE color page →
secondary
#438ACE
- RGB
- rgb(67 138 206)
- HSL
- hsl(209 59% 54%)
- OKLCH
- oklch(0.619 0.126 249.7)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #3363AC color page →
accent
#3363AC
- RGB
- rgb(51 99 172)
- HSL
- hsl(216 54% 44%)
- OKLCH
- oklch(0.504 0.128 258.6)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #194A89 color page →
highlight
#194A89
- RGB
- rgb(25 74 137)
- HSL
- hsl(214 69% 32%)
- OKLCH
- oklch(0.413 0.117 256.5)
WCAG contrast: on white 8.81:1 (AAA) · on black 2.38:1 (Fail)
- #183662 color page →
border
#183662
- RGB
- rgb(24 54 98)
- HSL
- hsl(216 61% 24%)
- OKLCH
- oklch(0.335 0.086 258.1)
WCAG contrast: on white 12.04:1 (AAA) · on black 1.74:1 (Fail)
- #041A34 color page →
focus
#041A34
- RGB
- rgb(4 26 52)
- HSL
- hsl(213 86% 11%)
- OKLCH
- oklch(0.217 0.059 253.9)
WCAG contrast: on white 17.46:1 (AAA) · on black 1.20:1 (Fail)
- #04060B color page →
text
#04060B
- RGB
- rgb(4 6 11)
- HSL
- hsl(223 47% 3%)
- OKLCH
- oklch(0.122 0.014 262.5)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export Starstruck Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daf2ff;
--surface: #b4daff;
--muted: #92bded;
--primary: #619fde;
--secondary: #438ace;
--accent: #3363ac;
--highlight: #194a89;
--border: #183662;
--focus: #041a34;
--text: #04060b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daf2ff;
--color-surface: #b4daff;
--color-muted: #92bded;
--color-primary: #619fde;
--color-secondary: #438ace;
--color-accent: #3363ac;
--color-highlight: #194a89;
--color-border: #183662;
--color-focus: #041a34;
--color-text: #04060b;
}JSON (DTCG tokens)
{
"starstruck-ember-411": {
"bg": {
"$type": "color",
"$value": "#daf2ff"
},
"surface": {
"$type": "color",
"$value": "#b4daff"
},
"muted": {
"$type": "color",
"$value": "#92bded"
},
"primary": {
"$type": "color",
"$value": "#619fde"
},
"secondary": {
"$type": "color",
"$value": "#438ace"
},
"accent": {
"$type": "color",
"$value": "#3363ac"
},
"highlight": {
"$type": "color",
"$value": "#194a89"
},
"border": {
"$type": "color",
"$value": "#183662"
},
"focus": {
"$type": "color",
"$value": "#041a34"
},
"text": {
"$type": "color",
"$value": "#04060b"
}
}
}About this palette
Starstruck Ember is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #DAF2FF, #B4DAFF, #92BDED, #619FDE, #438ACE, #3363AC, #194A89, #183662, #041A34, #04060B. APCA contrast score Lc 9.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 Starstruck Ember by OKLab color distance.