Palette · 7 colors · Lc 8.8
True Blue Chip System palette
True Blue Chip System: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #D6F2FB, #7FD6DB, #00B7C9, #0092C8, #0058A3, #004172, #001C2C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D6F2FB
surface
#7FD6DB
muted
#00B7C9
primary
#0092C8
secondary
#0058A3
accent
#004172
text
#001C2C
Colors in True Blue Chip System: HEX, RGB, HSL & OKLCH
- #D6F2FB color page →
bg
#D6F2FB
- RGB
- rgb(214 242 251)
- HSL
- hsl(195 82% 91%)
- OKLCH
- oklch(0.944 0.032 219.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #7FD6DB color page →
surface
#7FD6DB
- RGB
- rgb(127 214 219)
- HSL
- hsl(183 56% 68%)
- OKLCH
- oklch(0.823 0.084 200.4)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.54:1 (AAA)
- #00B7C9 color page →
muted
#00B7C9
- RGB
- rgb(0 183 201)
- HSL
- hsl(185 100% 39%)
- OKLCH
- oklch(0.712 0.122 207.2)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.61:1 (AAA)
- #0092C8 color page →
primary
#0092C8
- RGB
- rgb(0 146 200)
- HSL
- hsl(196 100% 39%)
- OKLCH
- oklch(0.622 0.13 233.7)
WCAG contrast: on white 3.53:1 (Fail) · on black 5.94:1 (AA)
- #0058A3 color page →
secondary
#0058A3
- RGB
- rgb(0 88 163)
- HSL
- hsl(208 100% 32%)
- OKLCH
- oklch(0.46 0.14 252.7)
WCAG contrast: on white 7.18:1 (AAA) · on black 2.92:1 (Fail)
- #004172 color page →
accent
#004172
- RGB
- rgb(0 65 114)
- HSL
- hsl(206 100% 22%)
- OKLCH
- oklch(0.368 0.102 249.1)
WCAG contrast: on white 10.50:1 (AAA) · on black 1.99:1 (Fail)
- #001C2C color page →
text
#001C2C
- RGB
- rgb(0 28 44)
- HSL
- hsl(202 100% 9%)
- OKLCH
- oklch(0.215 0.047 236.9)
WCAG contrast: on white 17.46:1 (AAA) · on black 1.20:1 (Fail)
Export True Blue Chip System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d6f2fb;
--surface: #7fd6db;
--muted: #00b7c9;
--primary: #0092c8;
--secondary: #0058a3;
--accent: #004172;
--text: #001c2c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d6f2fb;
--color-surface: #7fd6db;
--color-muted: #00b7c9;
--color-primary: #0092c8;
--color-secondary: #0058a3;
--color-accent: #004172;
--color-text: #001c2c;
}JSON (DTCG tokens)
{
"true-blue-chip-system-5q0": {
"bg": {
"$type": "color",
"$value": "#d6f2fb"
},
"surface": {
"$type": "color",
"$value": "#7fd6db"
},
"muted": {
"$type": "color",
"$value": "#00b7c9"
},
"primary": {
"$type": "color",
"$value": "#0092c8"
},
"secondary": {
"$type": "color",
"$value": "#0058a3"
},
"accent": {
"$type": "color",
"$value": "#004172"
},
"text": {
"$type": "color",
"$value": "#001c2c"
}
}
}About this palette
True Blue Chip System is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #D6F2FB, #7FD6DB, #00B7C9, #0092C8, #0058A3, #004172, #001C2C. APCA contrast score Lc 8.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 Chip System by OKLab color distance.