Palette · 7 colors · Lc 8.7
Classic Campanula Delta palette
Classic Campanula Delta: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #02050C, #14264B, #20487E, #3175B7, #719DD5, #A4CFFE, #DAEDFE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#02050C
surface
#14264B
muted
#20487E
primary
#3175B7
secondary
#719DD5
accent
#A4CFFE
text
#DAEDFE
Colors in Classic Campanula Delta: HEX, RGB, HSL & OKLCH
- #02050C color page →
bg
#02050C
- RGB
- rgb(2 5 12)
- HSL
- hsl(222 71% 3%)
- OKLCH
- oklch(0.114 0.021 257)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
- #14264B color page →
surface
#14264B
- RGB
- rgb(20 38 75)
- HSL
- hsl(220 58% 19%)
- OKLCH
- oklch(0.276 0.073 263)
WCAG contrast: on white 14.90:1 (AAA) · on black 1.40:1 (Fail)
- #20487E color page →
muted
#20487E
- RGB
- rgb(32 72 126)
- HSL
- hsl(214 59% 31%)
- OKLCH
- oklch(0.403 0.102 256.8)
WCAG contrast: on white 9.17:1 (AAA) · on black 2.28:1 (Fail)
- #3175B7 color page →
primary
#3175B7
- RGB
- rgb(49 117 183)
- HSL
- hsl(210 58% 45%)
- OKLCH
- oklch(0.551 0.124 250.5)
WCAG contrast: on white 4.81:1 (AA) · on black 4.35:1 (Fail)
- #719DD5 color page →
secondary
#719DD5
- RGB
- rgb(113 157 213)
- HSL
- hsl(214 54% 64%)
- OKLCH
- oklch(0.687 0.096 254.9)
WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)
- #A4CFFE color page →
accent
#A4CFFE
- RGB
- rgb(164 207 254)
- HSL
- hsl(211 98% 82%)
- OKLCH
- oklch(0.84 0.08 251)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.93:1 (AAA)
- #DAEDFE color page →
text
#DAEDFE
- RGB
- rgb(218 237 254)
- HSL
- hsl(208 95% 93%)
- OKLCH
- oklch(0.937 0.031 245.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.52:1 (AAA)
Export Classic Campanula Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #02050c;
--surface: #14264b;
--muted: #20487e;
--primary: #3175b7;
--secondary: #719dd5;
--accent: #a4cffe;
--text: #daedfe;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #02050c;
--color-surface: #14264b;
--color-muted: #20487e;
--color-primary: #3175b7;
--color-secondary: #719dd5;
--color-accent: #a4cffe;
--color-text: #daedfe;
}JSON (DTCG tokens)
{
"classic-campanula-delta-9l": {
"bg": {
"$type": "color",
"$value": "#02050c"
},
"surface": {
"$type": "color",
"$value": "#14264b"
},
"muted": {
"$type": "color",
"$value": "#20487e"
},
"primary": {
"$type": "color",
"$value": "#3175b7"
},
"secondary": {
"$type": "color",
"$value": "#719dd5"
},
"accent": {
"$type": "color",
"$value": "#a4cffe"
},
"text": {
"$type": "color",
"$value": "#daedfe"
}
}
}About this palette
Classic Campanula Delta is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #02050C, #14264B, #20487E, #3175B7, #719DD5, #A4CFFE, #DAEDFE. APCA contrast score Lc 8.7. 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 Delta by OKLab color distance.