Palette · 10 colors · Lc 9.7
True Blue Jay Ledger palette
True Blue Jay Ledger: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #020A1A, #151E3C, #1C2E6B, #30458B, #345AA5, #5781DC, #679AE8, #95B6F1, #C1DCFF, #EAFAFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#020A1A
surface
#151E3C
muted
#1C2E6B
primary
#30458B
secondary
#345AA5
accent
#5781DC
highlight
#679AE8
border
#95B6F1
focus
#C1DCFF
text
#EAFAFF
Colors in True Blue Jay Ledger: HEX, RGB, HSL & OKLCH
- #020A1A color page →
bg
#020A1A
- RGB
- rgb(2 10 26)
- HSL
- hsl(220 86% 5%)
- OKLCH
- oklch(0.146 0.039 257)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
- #151E3C color page →
surface
#151E3C
- RGB
- rgb(21 30 60)
- HSL
- hsl(226 48% 16%)
- OKLCH
- oklch(0.244 0.059 269.2)
WCAG contrast: on white 16.36:1 (AAA) · on black 1.28:1 (Fail)
- #1C2E6B color page →
muted
#1C2E6B
- RGB
- rgb(28 46 107)
- HSL
- hsl(226 59% 26%)
- OKLCH
- oklch(0.325 0.109 267.6)
WCAG contrast: on white 12.70:1 (AAA) · on black 1.65:1 (Fail)
- #30458B color page →
primary
#30458B
- RGB
- rgb(48 69 139)
- HSL
- hsl(226 49% 37%)
- OKLCH
- oklch(0.413 0.119 268.3)
WCAG contrast: on white 8.93:1 (AAA) · on black 2.34:1 (Fail)
- #345AA5 color page →
secondary
#345AA5
- RGB
- rgb(52 90 165)
- HSL
- hsl(220 52% 43%)
- OKLCH
- oklch(0.48 0.128 262.4)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #5781DC color page →
accent
#5781DC
- RGB
- rgb(87 129 220)
- HSL
- hsl(221 66% 60%)
- OKLCH
- oklch(0.616 0.146 263.9)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.57:1 (AA)
- #679AE8 color page →
highlight
#679AE8
- RGB
- rgb(103 154 232)
- HSL
- hsl(216 74% 66%)
- OKLCH
- oklch(0.684 0.128 258.6)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.36:1 (AAA)
- #95B6F1 color page →
border
#95B6F1
- RGB
- rgb(149 182 241)
- HSL
- hsl(218 77% 76%)
- OKLCH
- oklch(0.774 0.092 261.8)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.23:1 (AAA)
- #C1DCFF color page →
focus
#C1DCFF
- RGB
- rgb(193 220 255)
- HSL
- hsl(214 100% 88%)
- OKLCH
- oklch(0.886 0.056 255)
WCAG contrast: on white 1.40:1 (Fail) · on black 14.94:1 (AAA)
- #EAFAFF color page →
text
#EAFAFF
- RGB
- rgb(234 250 255)
- HSL
- hsl(194 100% 96%)
- OKLCH
- oklch(0.975 0.018 218.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.61:1 (AAA)
Export True Blue Jay Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020a1a;
--surface: #151e3c;
--muted: #1c2e6b;
--primary: #30458b;
--secondary: #345aa5;
--accent: #5781dc;
--highlight: #679ae8;
--border: #95b6f1;
--focus: #c1dcff;
--text: #eafaff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020a1a;
--color-surface: #151e3c;
--color-muted: #1c2e6b;
--color-primary: #30458b;
--color-secondary: #345aa5;
--color-accent: #5781dc;
--color-highlight: #679ae8;
--color-border: #95b6f1;
--color-focus: #c1dcff;
--color-text: #eafaff;
}JSON (DTCG tokens)
{
"true-blue-jay-ledger-3ck": {
"bg": {
"$type": "color",
"$value": "#020a1a"
},
"surface": {
"$type": "color",
"$value": "#151e3c"
},
"muted": {
"$type": "color",
"$value": "#1c2e6b"
},
"primary": {
"$type": "color",
"$value": "#30458b"
},
"secondary": {
"$type": "color",
"$value": "#345aa5"
},
"accent": {
"$type": "color",
"$value": "#5781dc"
},
"highlight": {
"$type": "color",
"$value": "#679ae8"
},
"border": {
"$type": "color",
"$value": "#95b6f1"
},
"focus": {
"$type": "color",
"$value": "#c1dcff"
},
"text": {
"$type": "color",
"$value": "#eafaff"
}
}
}About this palette
True Blue Jay Ledger is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #020A1A, #151E3C, #1C2E6B, #30458B, #345AA5, #5781DC, #679AE8, #95B6F1, #C1DCFF, #EAFAFF. APCA contrast score Lc 9.7. 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 Ledger by OKLab color distance.