Palette · 9 colors · Lc 9.5
Pure Campanula Noir palette
Pure Campanula Noir: a 9-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EFF4F8, #BBD4E8, #81B4D3, #5F9BC3, #3873B2, #00618E, #004761, #0F2C42, #01091C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFF4F8
surface
#BBD4E8
muted
#81B4D3
primary
#5F9BC3
secondary
#3873B2
accent
#00618E
highlight
#004761
border
#0F2C42
text
#01091C
Colors in Pure Campanula Noir: HEX, RGB, HSL & OKLCH
- #EFF4F8 color page →
bg
#EFF4F8
- RGB
- rgb(239 244 248)
- HSL
- hsl(207 39% 95%)
- OKLCH
- oklch(0.965 0.008 241.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)
- #BBD4E8 color page →
surface
#BBD4E8
- RGB
- rgb(187 212 232)
- HSL
- hsl(207 49% 82%)
- OKLCH
- oklch(0.858 0.039 242.2)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.69:1 (AAA)
- #81B4D3 color page →
muted
#81B4D3
- RGB
- rgb(129 180 211)
- HSL
- hsl(203 48% 67%)
- OKLCH
- oklch(0.745 0.07 235.6)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.40:1 (AAA)
- #5F9BC3 color page →
primary
#5F9BC3
- RGB
- rgb(95 155 195)
- HSL
- hsl(204 45% 57%)
- OKLCH
- oklch(0.664 0.086 239.1)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.96:1 (AA)
- #3873B2 color page →
secondary
#3873B2
- RGB
- rgb(56 115 178)
- HSL
- hsl(211 52% 46%)
- OKLCH
- oklch(0.546 0.117 252.1)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #00618E color page →
accent
#00618E
- RGB
- rgb(0 97 142)
- HSL
- hsl(199 100% 28%)
- OKLCH
- oklch(0.468 0.105 238.6)
WCAG contrast: on white 6.77:1 (AA) · on black 3.10:1 (Fail)
- #004761 color page →
highlight
#004761
- RGB
- rgb(0 71 97)
- HSL
- hsl(196 100% 19%)
- OKLCH
- oklch(0.373 0.075 231.1)
WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)
- #0F2C42 color page →
border
#0F2C42
- RGB
- rgb(15 44 66)
- HSL
- hsl(206 63% 16%)
- OKLCH
- oklch(0.283 0.053 244.3)
WCAG contrast: on white 14.39:1 (AAA) · on black 1.45:1 (Fail)
- #01091C color page →
text
#01091C
- RGB
- rgb(1 9 28)
- HSL
- hsl(222 93% 6%)
- OKLCH
- oklch(0.143 0.045 257.9)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
Export Pure Campanula Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eff4f8;
--surface: #bbd4e8;
--muted: #81b4d3;
--primary: #5f9bc3;
--secondary: #3873b2;
--accent: #00618e;
--highlight: #004761;
--border: #0f2c42;
--text: #01091c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eff4f8;
--color-surface: #bbd4e8;
--color-muted: #81b4d3;
--color-primary: #5f9bc3;
--color-secondary: #3873b2;
--color-accent: #00618e;
--color-highlight: #004761;
--color-border: #0f2c42;
--color-text: #01091c;
}JSON (DTCG tokens)
{
"pure-campanula-noir-5ev": {
"bg": {
"$type": "color",
"$value": "#eff4f8"
},
"surface": {
"$type": "color",
"$value": "#bbd4e8"
},
"muted": {
"$type": "color",
"$value": "#81b4d3"
},
"primary": {
"$type": "color",
"$value": "#5f9bc3"
},
"secondary": {
"$type": "color",
"$value": "#3873b2"
},
"accent": {
"$type": "color",
"$value": "#00618e"
},
"highlight": {
"$type": "color",
"$value": "#004761"
},
"border": {
"$type": "color",
"$value": "#0f2c42"
},
"text": {
"$type": "color",
"$value": "#01091c"
}
}
}About this palette
Pure Campanula Noir is a 9-color OKLCH-ready palette tagged violet, cold, ocean, nature, 9 colors. Hex values: #EFF4F8, #BBD4E8, #81B4D3, #5F9BC3, #3873B2, #00618E, #004761, #0F2C42, #01091C. APCA contrast score Lc 9.5. 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 Pure Campanula Noir by OKLab color distance.