Palette · 6 colors · Lc 8.9
True Blue Jay Harbor palette
True Blue Jay Harbor: a 6-color palette (Violet, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #E6F1FE, #9AC0FF, #628EDB, #3B5B9F, #1E2B58, #030313, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F1FE
surface
#9AC0FF
muted
#628EDB
primary
#3B5B9F
accent
#1E2B58
text
#030313
Colors in True Blue Jay Harbor: HEX, RGB, HSL & OKLCH
- #E6F1FE color page →
bg
#E6F1FE
- RGB
- rgb(230 241 254)
- HSL
- hsl(213 92% 95%)
- OKLCH
- oklch(0.954 0.021 252.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.37:1 (AAA)
- #9AC0FF color page →
surface
#9AC0FF
- RGB
- rgb(154 192 255)
- HSL
- hsl(217 100% 80%)
- OKLCH
- oklch(0.804 0.099 260.3)
WCAG contrast: on white 1.84:1 (Fail) · on black 11.35:1 (AAA)
- #628EDB color page →
muted
#628EDB
- RGB
- rgb(98 142 219)
- HSL
- hsl(218 63% 62%)
- OKLCH
- oklch(0.649 0.126 261)
WCAG contrast: on white 3.27:1 (Fail) · on black 6.41:1 (AA)
- #3B5B9F color page →
primary
#3B5B9F
- RGB
- rgb(59 91 159)
- HSL
- hsl(221 46% 43%)
- OKLCH
- oklch(0.481 0.116 263.6)
WCAG contrast: on white 6.59:1 (AA) · on black 3.18:1 (Fail)
- #1E2B58 color page →
accent
#1E2B58
- RGB
- rgb(30 43 88)
- HSL
- hsl(227 49% 23%)
- OKLCH
- oklch(0.304 0.083 269)
WCAG contrast: on white 13.62:1 (AAA) · on black 1.54:1 (Fail)
- #030313 color page →
text
#030313
- RGB
- rgb(3 3 19)
- HSL
- hsl(240 73% 4%)
- OKLCH
- oklch(0.113 0.041 277.7)
WCAG contrast: on white 20.46:1 (AAA) · on black 1.02:1 (Fail)
Export True Blue Jay Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f1fe;
--surface: #9ac0ff;
--muted: #628edb;
--primary: #3b5b9f;
--accent: #1e2b58;
--text: #030313;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f1fe;
--color-surface: #9ac0ff;
--color-muted: #628edb;
--color-primary: #3b5b9f;
--color-accent: #1e2b58;
--color-text: #030313;
}JSON (DTCG tokens)
{
"true-blue-jay-harbor-76p": {
"bg": {
"$type": "color",
"$value": "#e6f1fe"
},
"surface": {
"$type": "color",
"$value": "#9ac0ff"
},
"muted": {
"$type": "color",
"$value": "#628edb"
},
"primary": {
"$type": "color",
"$value": "#3b5b9f"
},
"accent": {
"$type": "color",
"$value": "#1e2b58"
},
"text": {
"$type": "color",
"$value": "#030313"
}
}
}About this palette
True Blue Jay Harbor is a 6-color OKLCH-ready palette tagged violet, cold, 6 colors. Hex values: #E6F1FE, #9AC0FF, #628EDB, #3B5B9F, #1E2B58, #030313. APCA contrast score Lc 8.9. 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 Harbor by OKLab color distance.