Palette · 8 colors · Lc 10
True Orbital Canvas palette
True Orbital Canvas: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #F1F8FF, #C0CAE7, #95A4CF, #7983C0, #585E93, #393C5F, #222741, #06070A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#F1F8FF
surface
#C0CAE7
muted
#95A4CF
primary
#7983C0
secondary
#585E93
accent
#393C5F
highlight
#222741
text
#06070A
Colors in True Orbital Canvas: HEX, RGB, HSL & OKLCH
- #F1F8FF color page →
bg
#F1F8FF
- RGB
- rgb(241 248 255)
- HSL
- hsl(210 100% 97%)
- OKLCH
- oklch(0.976 0.012 247.9)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.61:1 (AAA)
- #C0CAE7 color page →
surface
#C0CAE7
- RGB
- rgb(192 202 231)
- HSL
- hsl(225 45% 83%)
- OKLCH
- oklch(0.841 0.042 270.4)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.84:1 (AAA)
- #95A4CF color page →
muted
#95A4CF
- RGB
- rgb(149 164 207)
- HSL
- hsl(224 38% 70%)
- OKLCH
- oklch(0.722 0.065 269.7)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.48:1 (AAA)
- #7983C0 color page →
primary
#7983C0
- RGB
- rgb(121 131 192)
- HSL
- hsl(232 36% 61%)
- OKLCH
- oklch(0.627 0.093 276.3)
WCAG contrast: on white 3.60:1 (Fail) · on black 5.82:1 (AA)
- #585E93 color page →
secondary
#585E93
- RGB
- rgb(88 94 147)
- HSL
- hsl(234 25% 46%)
- OKLCH
- oklch(0.5 0.085 277.9)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #393C5F color page →
accent
#393C5F
- RGB
- rgb(57 60 95)
- HSL
- hsl(235 25% 30%)
- OKLCH
- oklch(0.37 0.06 279.3)
WCAG contrast: on white 10.57:1 (AAA) · on black 1.98:1 (Fail)
- #222741 color page →
highlight
#222741
- RGB
- rgb(34 39 65)
- HSL
- hsl(230 31% 19%)
- OKLCH
- oklch(0.281 0.048 274.6)
WCAG contrast: on white 14.63:1 (AAA) · on black 1.43:1 (Fail)
- #06070A color page →
text
#06070A
- RGB
- rgb(6 7 10)
- HSL
- hsl(225 25% 3%)
- OKLCH
- oklch(0.129 0.008 268.5)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export True Orbital Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f8ff;
--surface: #c0cae7;
--muted: #95a4cf;
--primary: #7983c0;
--secondary: #585e93;
--accent: #393c5f;
--highlight: #222741;
--text: #06070a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f8ff;
--color-surface: #c0cae7;
--color-muted: #95a4cf;
--color-primary: #7983c0;
--color-secondary: #585e93;
--color-accent: #393c5f;
--color-highlight: #222741;
--color-text: #06070a;
}JSON (DTCG tokens)
{
"true-orbital-canvas-tn": {
"bg": {
"$type": "color",
"$value": "#f1f8ff"
},
"surface": {
"$type": "color",
"$value": "#c0cae7"
},
"muted": {
"$type": "color",
"$value": "#95a4cf"
},
"primary": {
"$type": "color",
"$value": "#7983c0"
},
"secondary": {
"$type": "color",
"$value": "#585e93"
},
"accent": {
"$type": "color",
"$value": "#393c5f"
},
"highlight": {
"$type": "color",
"$value": "#222741"
},
"text": {
"$type": "color",
"$value": "#06070a"
}
}
}About this palette
True Orbital Canvas is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #F1F8FF, #C0CAE7, #95A4CF, #7983C0, #585E93, #393C5F, #222741, #06070A. APCA contrast score Lc 10. 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 Orbital Canvas by OKLab color distance.