Palette · 8 colors · Lc 8.9
Bellflower Mirror palette
Bellflower Mirror: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #E2ECEC, #72B4B6, #00839B, #6565B0, #8B496D, #894E1A, #324513, #071414, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#E2ECEC
surface
#72B4B6
muted
#00839B
primary
#6565B0
secondary
#8B496D
accent
#894E1A
highlight
#324513
text
#071414
Colors in Bellflower Mirror: HEX, RGB, HSL & OKLCH
- #E2ECEC color page →
bg
#E2ECEC
- RGB
- rgb(226 236 236)
- HSL
- hsl(180 21% 91%)
- OKLCH
- oklch(0.936 0.011 197)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #72B4B6 color page →
surface
#72B4B6
- RGB
- rgb(114 180 182)
- HSL
- hsl(182 32% 58%)
- OKLCH
- oklch(0.727 0.067 198.2)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.91:1 (AAA)
- #00839B color page →
muted
#00839B
- RGB
- rgb(0 131 155)
- HSL
- hsl(189 100% 30%)
- OKLCH
- oklch(0.562 0.1 216.6)
WCAG contrast: on white 4.44:1 (Fail) · on black 4.71:1 (AA)
- #6565B0 color page →
primary
#6565B0
- RGB
- rgb(101 101 176)
- HSL
- hsl(240 32% 54%)
- OKLCH
- oklch(0.541 0.115 281.8)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #8B496D color page →
secondary
#8B496D
- RGB
- rgb(139 73 109)
- HSL
- hsl(327 31% 42%)
- OKLCH
- oklch(0.497 0.1 347.5)
WCAG contrast: on white 6.41:1 (AA) · on black 3.27:1 (Fail)
- #894E1A color page →
accent
#894E1A
- RGB
- rgb(137 78 26)
- HSL
- hsl(28 68% 32%)
- OKLCH
- oklch(0.485 0.102 57.5)
WCAG contrast: on white 6.62:1 (AA) · on black 3.16:1 (Fail)
- #324513 color page →
highlight
#324513
- RGB
- rgb(50 69 19)
- HSL
- hsl(83 57% 17%)
- OKLCH
- oklch(0.362 0.078 127.6)
WCAG contrast: on white 10.51:1 (AAA) · on black 1.99:1 (Fail)
- #071414 color page →
text
#071414
- RGB
- rgb(7 20 20)
- HSL
- hsl(180 48% 5%)
- OKLCH
- oklch(0.179 0.019 195.6)
WCAG contrast: on white 18.76:1 (AAA) · on black 1.11:1 (Fail)
Export Bellflower Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2ecec;
--surface: #72b4b6;
--muted: #00839b;
--primary: #6565b0;
--secondary: #8b496d;
--accent: #894e1a;
--highlight: #324513;
--text: #071414;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2ecec;
--color-surface: #72b4b6;
--color-muted: #00839b;
--color-primary: #6565b0;
--color-secondary: #8b496d;
--color-accent: #894e1a;
--color-highlight: #324513;
--color-text: #071414;
}JSON (DTCG tokens)
{
"bellflower-mirror-7cs": {
"bg": {
"$type": "color",
"$value": "#e2ecec"
},
"surface": {
"$type": "color",
"$value": "#72b4b6"
},
"muted": {
"$type": "color",
"$value": "#00839b"
},
"primary": {
"$type": "color",
"$value": "#6565b0"
},
"secondary": {
"$type": "color",
"$value": "#8b496d"
},
"accent": {
"$type": "color",
"$value": "#894e1a"
},
"highlight": {
"$type": "color",
"$value": "#324513"
},
"text": {
"$type": "color",
"$value": "#071414"
}
}
}About this palette
Bellflower Mirror is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #E2ECEC, #72B4B6, #00839B, #6565B0, #8B496D, #894E1A, #324513, #071414. APCA contrast score Lc 8.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 Bellflower Mirror by OKLab color distance.