Palette · 5 colors · Lc 9.9
True Campanula System palette
True Campanula System: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E7F6FF, #86B5CB, #3871AB, #00485B, #08141E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F6FF
surface
#86B5CB
primary
#3871AB
accent
#00485B
text
#08141E
Colors in True Campanula System: HEX, RGB, HSL & OKLCH
- #E7F6FF color page →
bg
#E7F6FF
- RGB
- rgb(231 246 255)
- HSL
- hsl(203 100% 95%)
- OKLCH
- oklch(0.965 0.02 233.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.02:1 (AAA)
- #86B5CB color page →
surface
#86B5CB
- RGB
- rgb(134 181 203)
- HSL
- hsl(199 40% 66%)
- OKLCH
- oklch(0.747 0.059 228.5)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.48:1 (AAA)
- #3871AB color page →
primary
#3871AB
- RGB
- rgb(56 113 171)
- HSL
- hsl(210 51% 45%)
- OKLCH
- oklch(0.538 0.109 250.9)
WCAG contrast: on white 5.09:1 (AA) · on black 4.11:1 (Fail)
- #00485B color page →
accent
#00485B
- RGB
- rgb(0 72 91)
- HSL
- hsl(193 100% 18%)
- OKLCH
- oklch(0.373 0.069 222.9)
WCAG contrast: on white 10.10:1 (AAA) · on black 2.07:1 (Fail)
- #08141E color page →
text
#08141E
- RGB
- rgb(8 20 30)
- HSL
- hsl(207 58% 7%)
- OKLCH
- oklch(0.185 0.027 244.8)
WCAG contrast: on white 18.59:1 (AAA) · on black 1.12:1 (Fail)
Export True Campanula System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f6ff;
--surface: #86b5cb;
--primary: #3871ab;
--accent: #00485b;
--text: #08141e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f6ff;
--color-surface: #86b5cb;
--color-primary: #3871ab;
--color-accent: #00485b;
--color-text: #08141e;
}JSON (DTCG tokens)
{
"true-campanula-system-453": {
"bg": {
"$type": "color",
"$value": "#e7f6ff"
},
"surface": {
"$type": "color",
"$value": "#86b5cb"
},
"primary": {
"$type": "color",
"$value": "#3871ab"
},
"accent": {
"$type": "color",
"$value": "#00485b"
},
"text": {
"$type": "color",
"$value": "#08141e"
}
}
}About this palette
True Campanula System is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #E7F6FF, #86B5CB, #3871AB, #00485B, #08141E. APCA contrast score Lc 9.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 Campanula System by OKLab color distance.