Palette · 10 colors · Lc 9.8
True Blue Jay Pulse palette
True Blue Jay Pulse: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #010414, #0C1437, #0E3274, #1A458F, #4463BE, #3F82E3, #749DF7, #85B8FA, #BADAFF, #DEF5FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010414
surface
#0C1437
muted
#0E3274
primary
#1A458F
secondary
#4463BE
accent
#3F82E3
highlight
#749DF7
border
#85B8FA
focus
#BADAFF
text
#DEF5FF
Colors in True Blue Jay Pulse: HEX, RGB, HSL & OKLCH
- #010414 color page →
bg
#010414
- RGB
- rgb(1 4 20)
- HSL
- hsl(231 90% 4%)
- OKLCH
- oklch(0.115 0.041 264.1)
WCAG contrast: on white 20.41:1 (AAA) · on black 1.02:1 (Fail)
- #0C1437 color page →
surface
#0C1437
- RGB
- rgb(12 20 55)
- HSL
- hsl(229 64% 13%)
- OKLCH
- oklch(0.208 0.069 269.7)
WCAG contrast: on white 17.93:1 (AAA) · on black 1.17:1 (Fail)
- #0E3274 color page →
muted
#0E3274
- RGB
- rgb(14 50 116)
- HSL
- hsl(219 78% 25%)
- OKLCH
- oklch(0.336 0.121 261.3)
WCAG contrast: on white 12.15:1 (AAA) · on black 1.72:1 (Fail)
- #1A458F color page →
primary
#1A458F
- RGB
- rgb(26 69 143)
- HSL
- hsl(218 69% 33%)
- OKLCH
- oklch(0.406 0.132 260.5)
WCAG contrast: on white 9.16:1 (AAA) · on black 2.29:1 (Fail)
- #4463BE color page →
secondary
#4463BE
- RGB
- rgb(68 99 190)
- HSL
- hsl(225 48% 51%)
- OKLCH
- oklch(0.524 0.147 267.1)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #3F82E3 color page →
accent
#3F82E3
- RGB
- rgb(63 130 227)
- HSL
- hsl(215 75% 57%)
- OKLCH
- oklch(0.612 0.162 257.9)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #749DF7 color page →
highlight
#749DF7
- RGB
- rgb(116 157 247)
- HSL
- hsl(221 89% 71%)
- OKLCH
- oklch(0.705 0.14 264.5)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.90:1 (AAA)
- #85B8FA color page →
border
#85B8FA
- RGB
- rgb(133 184 250)
- HSL
- hsl(214 92% 75%)
- OKLCH
- oklch(0.773 0.11 255.2)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.23:1 (AAA)
- #BADAFF color page →
focus
#BADAFF
- RGB
- rgb(186 218 255)
- HSL
- hsl(212 100% 86%)
- OKLCH
- oklch(0.877 0.062 252.2)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.56:1 (AAA)
- #DEF5FF color page →
text
#DEF5FF
- RGB
- rgb(222 245 255)
- HSL
- hsl(198 100% 94%)
- OKLCH
- oklch(0.956 0.028 225.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.61:1 (AAA)
Export True Blue Jay Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010414;
--surface: #0c1437;
--muted: #0e3274;
--primary: #1a458f;
--secondary: #4463be;
--accent: #3f82e3;
--highlight: #749df7;
--border: #85b8fa;
--focus: #badaff;
--text: #def5ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010414;
--color-surface: #0c1437;
--color-muted: #0e3274;
--color-primary: #1a458f;
--color-secondary: #4463be;
--color-accent: #3f82e3;
--color-highlight: #749df7;
--color-border: #85b8fa;
--color-focus: #badaff;
--color-text: #def5ff;
}JSON (DTCG tokens)
{
"true-blue-jay-pulse-5m5": {
"bg": {
"$type": "color",
"$value": "#010414"
},
"surface": {
"$type": "color",
"$value": "#0c1437"
},
"muted": {
"$type": "color",
"$value": "#0e3274"
},
"primary": {
"$type": "color",
"$value": "#1a458f"
},
"secondary": {
"$type": "color",
"$value": "#4463be"
},
"accent": {
"$type": "color",
"$value": "#3f82e3"
},
"highlight": {
"$type": "color",
"$value": "#749df7"
},
"border": {
"$type": "color",
"$value": "#85b8fa"
},
"focus": {
"$type": "color",
"$value": "#badaff"
},
"text": {
"$type": "color",
"$value": "#def5ff"
}
}
}About this palette
True Blue Jay Pulse is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #010414, #0C1437, #0E3274, #1A458F, #4463BE, #3F82E3, #749DF7, #85B8FA, #BADAFF, #DEF5FF. APCA contrast score Lc 9.8. 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 True Blue Jay Pulse by OKLab color distance.