Palette · 8 colors · Lc 8.9
Shipmate Lattice palette
Shipmate Lattice: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DFECF9, #BACEE7, #7AA5D6, #5082AB, #345D88, #243E67, #14253A, #010711, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFECF9
surface
#BACEE7
muted
#7AA5D6
primary
#5082AB
secondary
#345D88
accent
#243E67
highlight
#14253A
text
#010711
Colors in Shipmate Lattice: HEX, RGB, HSL & OKLCH
- #DFECF9 color page →
bg
#DFECF9
- RGB
- rgb(223 236 249)
- HSL
- hsl(210 68% 93%)
- OKLCH
- oklch(0.937 0.022 248.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
- #BACEE7 color page →
surface
#BACEE7
- RGB
- rgb(186 206 231)
- HSL
- hsl(213 48% 82%)
- OKLCH
- oklch(0.844 0.041 254.1)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.07:1 (AAA)
- #7AA5D6 color page →
muted
#7AA5D6
- RGB
- rgb(122 165 214)
- HSL
- hsl(212 53% 66%)
- OKLCH
- oklch(0.71 0.086 252.2)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.18:1 (AAA)
- #5082AB color page →
primary
#5082AB
- RGB
- rgb(80 130 171)
- HSL
- hsl(207 36% 49%)
- OKLCH
- oklch(0.588 0.083 244.6)
WCAG contrast: on white 4.09:1 (Fail) · on black 5.12:1 (AA)
- #345D88 color page →
secondary
#345D88
- RGB
- rgb(52 93 136)
- HSL
- hsl(211 45% 37%)
- OKLCH
- oklch(0.469 0.084 251.1)
WCAG contrast: on white 6.84:1 (AA) · on black 3.06:1 (Fail)
- #243E67 color page →
accent
#243E67
- RGB
- rgb(36 62 103)
- HSL
- hsl(217 48% 27%)
- OKLCH
- oklch(0.365 0.078 259.2)
WCAG contrast: on white 10.71:1 (AAA) · on black 1.95:1 (Fail)
- #14253A color page →
highlight
#14253A
- RGB
- rgb(20 37 58)
- HSL
- hsl(213 49% 15%)
- OKLCH
- oklch(0.261 0.046 254.5)
WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)
- #010711 color page →
text
#010711
- RGB
- rgb(1 7 17)
- HSL
- hsl(218 89% 4%)
- OKLCH
- oklch(0.126 0.028 249.2)
WCAG contrast: on white 20.19:1 (AAA) · on black 1.03:1 (Fail)
Export Shipmate Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfecf9;
--surface: #bacee7;
--muted: #7aa5d6;
--primary: #5082ab;
--secondary: #345d88;
--accent: #243e67;
--highlight: #14253a;
--text: #010711;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfecf9;
--color-surface: #bacee7;
--color-muted: #7aa5d6;
--color-primary: #5082ab;
--color-secondary: #345d88;
--color-accent: #243e67;
--color-highlight: #14253a;
--color-text: #010711;
}JSON (DTCG tokens)
{
"shipmate-lattice-6o1": {
"bg": {
"$type": "color",
"$value": "#dfecf9"
},
"surface": {
"$type": "color",
"$value": "#bacee7"
},
"muted": {
"$type": "color",
"$value": "#7aa5d6"
},
"primary": {
"$type": "color",
"$value": "#5082ab"
},
"secondary": {
"$type": "color",
"$value": "#345d88"
},
"accent": {
"$type": "color",
"$value": "#243e67"
},
"highlight": {
"$type": "color",
"$value": "#14253a"
},
"text": {
"$type": "color",
"$value": "#010711"
}
}
}About this palette
Shipmate Lattice is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #DFECF9, #BACEE7, #7AA5D6, #5082AB, #345D88, #243E67, #14253A, #010711. 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 Shipmate Lattice by OKLab color distance.