Palette · 9 colors · Lc 8.4
Classic Campanula Bloom palette
Classic Campanula Bloom: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D4E6F0, #5EAACE, #3072B6, #7C5AA6, #A24661, #885006, #656C16, #024838, #060B0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4E6F0
surface
#5EAACE
muted
#3072B6
primary
#7C5AA6
secondary
#A24661
accent
#885006
highlight
#656C16
border
#024838
text
#060B0E
Colors in Classic Campanula Bloom: HEX, RGB, HSL & OKLCH
- #D4E6F0 color page →
bg
#D4E6F0
- RGB
- rgb(212 230 240)
- HSL
- hsl(201 48% 89%)
- OKLCH
- oklch(0.915 0.024 231.9)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.37:1 (AAA)
- #5EAACE color page →
surface
#5EAACE
- RGB
- rgb(94 170 206)
- HSL
- hsl(199 53% 59%)
- OKLCH
- oklch(0.703 0.092 230.5)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.11:1 (AAA)
- #3072B6 color page →
muted
#3072B6
- RGB
- rgb(48 114 182)
- HSL
- hsl(210 58% 45%)
- OKLCH
- oklch(0.543 0.126 251.8)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #7C5AA6 color page →
primary
#7C5AA6
- RGB
- rgb(124 90 166)
- HSL
- hsl(267 30% 50%)
- OKLCH
- oklch(0.536 0.12 303.2)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #A24661 color page →
secondary
#A24661
- RGB
- rgb(162 70 97)
- HSL
- hsl(342 40% 45%)
- OKLCH
- oklch(0.522 0.125 4)
WCAG contrast: on white 5.85:1 (AA) · on black 3.58:1 (Fail)
- #885006 color page →
accent
#885006
- RGB
- rgb(136 80 6)
- HSL
- hsl(34 92% 28%)
- OKLCH
- oklch(0.486 0.107 64.4)
WCAG contrast: on white 6.56:1 (AA) · on black 3.19:1 (Fail)
- #656C16 color page →
highlight
#656C16
- RGB
- rgb(101 108 22)
- HSL
- hsl(65 66% 25%)
- OKLCH
- oklch(0.509 0.105 114.3)
WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)
- #024838 color page →
border
#024838
- RGB
- rgb(2 72 56)
- HSL
- hsl(166 95% 15%)
- OKLCH
- oklch(0.358 0.069 171.4)
WCAG contrast: on white 10.57:1 (AAA) · on black 1.98:1 (Fail)
- #060B0E color page →
text
#060B0E
- RGB
- rgb(6 11 14)
- HSL
- hsl(203 40% 4%)
- OKLCH
- oklch(0.145 0.011 231.9)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Campanula Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4e6f0;
--surface: #5eaace;
--muted: #3072b6;
--primary: #7c5aa6;
--secondary: #a24661;
--accent: #885006;
--highlight: #656c16;
--border: #024838;
--text: #060b0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4e6f0;
--color-surface: #5eaace;
--color-muted: #3072b6;
--color-primary: #7c5aa6;
--color-secondary: #a24661;
--color-accent: #885006;
--color-highlight: #656c16;
--color-border: #024838;
--color-text: #060b0e;
}JSON (DTCG tokens)
{
"classic-campanula-bloom-7ll": {
"bg": {
"$type": "color",
"$value": "#d4e6f0"
},
"surface": {
"$type": "color",
"$value": "#5eaace"
},
"muted": {
"$type": "color",
"$value": "#3072b6"
},
"primary": {
"$type": "color",
"$value": "#7c5aa6"
},
"secondary": {
"$type": "color",
"$value": "#a24661"
},
"accent": {
"$type": "color",
"$value": "#885006"
},
"highlight": {
"$type": "color",
"$value": "#656c16"
},
"border": {
"$type": "color",
"$value": "#024838"
},
"text": {
"$type": "color",
"$value": "#060b0e"
}
}
}About this palette
Classic Campanula Bloom is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D4E6F0, #5EAACE, #3072B6, #7C5AA6, #A24661, #885006, #656C16, #024838, #060B0E. APCA contrast score Lc 8.4. 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 Classic Campanula Bloom by OKLab color distance.