Palette · 6 colors · Lc 8.6
Bruise Lattice palette
Bruise Lattice: a 6-color palette (Red, Warm, Pink, 6 Colors). HEX, RGB, HSL and OKLCH for #F3EDF1, #CFAAD6, #AA6EAE, #81396F, #522743, #120311, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EDF1
surface
#CFAAD6
muted
#AA6EAE
primary
#81396F
accent
#522743
text
#120311
Colors in Bruise Lattice: HEX, RGB, HSL & OKLCH
- #F3EDF1 color page →
bg
#F3EDF1
- RGB
- rgb(243 237 241)
- HSL
- hsl(320 20% 94%)
- OKLCH
- oklch(0.952 0.008 337.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.19:1 (AAA)
- #CFAAD6 color page →
surface
#CFAAD6
- RGB
- rgb(207 170 214)
- HSL
- hsl(290 35% 75%)
- OKLCH
- oklch(0.785 0.073 320.9)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.37:1 (AAA)
- #AA6EAE color page →
muted
#AA6EAE
- RGB
- rgb(170 110 174)
- HSL
- hsl(296 28% 56%)
- OKLCH
- oklch(0.624 0.115 324.7)
WCAG contrast: on white 3.78:1 (Fail) · on black 5.55:1 (AA)
- #81396F color page →
primary
#81396F
- RGB
- rgb(129 57 111)
- HSL
- hsl(315 39% 36%)
- OKLCH
- oklch(0.459 0.121 338)
WCAG contrast: on white 7.64:1 (AAA) · on black 2.74:1 (Fail)
- #522743 color page →
accent
#522743
- RGB
- rgb(82 39 67)
- HSL
- hsl(321 36% 24%)
- OKLCH
- oklch(0.341 0.075 342.2)
WCAG contrast: on white 12.13:1 (AAA) · on black 1.73:1 (Fail)
- #120311 color page →
text
#120311
- RGB
- rgb(18 3 17)
- HSL
- hsl(304 71% 4%)
- OKLCH
- oklch(0.138 0.043 329.9)
WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)
Export Bruise Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3edf1;
--surface: #cfaad6;
--muted: #aa6eae;
--primary: #81396f;
--accent: #522743;
--text: #120311;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3edf1;
--color-surface: #cfaad6;
--color-muted: #aa6eae;
--color-primary: #81396f;
--color-accent: #522743;
--color-text: #120311;
}JSON (DTCG tokens)
{
"bruise-lattice-557": {
"bg": {
"$type": "color",
"$value": "#f3edf1"
},
"surface": {
"$type": "color",
"$value": "#cfaad6"
},
"muted": {
"$type": "color",
"$value": "#aa6eae"
},
"primary": {
"$type": "color",
"$value": "#81396f"
},
"accent": {
"$type": "color",
"$value": "#522743"
},
"text": {
"$type": "color",
"$value": "#120311"
}
}
}About this palette
Bruise Lattice is a 6-color OKLCH-ready palette tagged red, warm, pink, 6 colors. Hex values: #F3EDF1, #CFAAD6, #AA6EAE, #81396F, #522743, #120311. APCA contrast score Lc 8.6. 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 Bruise Lattice by OKLab color distance.