Palette · 9 colors · Lc 8.6
True Liaison Quartz palette
True Liaison Quartz: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #D5EBE6, #57B89E, #007F8E, #4769A8, #7A4F8E, #913F52, #844B00, #3F471A, #00130F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D5EBE6
surface
#57B89E
muted
#007F8E
primary
#4769A8
secondary
#7A4F8E
accent
#913F52
highlight
#844B00
border
#3F471A
text
#00130F
Colors in True Liaison Quartz: HEX, RGB, HSL & OKLCH
- #D5EBE6 color page →
bg
#D5EBE6
- RGB
- rgb(213 235 230)
- HSL
- hsl(166 35% 88%)
- OKLCH
- oklch(0.922 0.024 180.6)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.85:1 (AAA)
- #57B89E color page →
surface
#57B89E
- RGB
- rgb(87 184 158)
- HSL
- hsl(164 41% 53%)
- OKLCH
- oklch(0.717 0.1 173.4)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.75:1 (AAA)
- #007F8E color page →
muted
#007F8E
- RGB
- rgb(0 127 142)
- HSL
- hsl(186 100% 28%)
- OKLCH
- oklch(0.546 0.094 209.2)
WCAG contrast: on white 4.74:1 (AA) · on black 4.42:1 (Fail)
- #4769A8 color page →
primary
#4769A8
- RGB
- rgb(71 105 168)
- HSL
- hsl(219 41% 47%)
- OKLCH
- oklch(0.525 0.107 261.9)
WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)
- #7A4F8E color page →
secondary
#7A4F8E
- RGB
- rgb(122 79 142)
- HSL
- hsl(281 29% 43%)
- OKLCH
- oklch(0.501 0.108 314.4)
WCAG contrast: on white 6.29:1 (AA) · on black 3.33:1 (Fail)
- #913F52 color page →
accent
#913F52
- RGB
- rgb(145 63 82)
- HSL
- hsl(346 39% 41%)
- OKLCH
- oklch(0.481 0.112 7.8)
WCAG contrast: on white 6.91:1 (AA) · on black 3.03:1 (Fail)
- #844B00 color page →
highlight
#844B00
- RGB
- rgb(132 75 0)
- HSL
- hsl(34 100% 26%)
- OKLCH
- oklch(0.47 0.107 63.1)
WCAG contrast: on white 7.02:1 (AAA) · on black 2.98:1 (Fail)
- #3F471A color page →
border
#3F471A
- RGB
- rgb(63 71 26)
- HSL
- hsl(71 46% 19%)
- OKLCH
- oklch(0.38 0.067 118.2)
WCAG contrast: on white 9.87:1 (AAA) · on black 2.12:1 (Fail)
- #00130F color page →
text
#00130F
- RGB
- rgb(0 19 15)
- HSL
- hsl(167 100% 4%)
- OKLCH
- oklch(0.167 0.031 179)
WCAG contrast: on white 19.09:1 (AAA) · on black 1.10:1 (Fail)
Export True Liaison Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d5ebe6;
--surface: #57b89e;
--muted: #007f8e;
--primary: #4769a8;
--secondary: #7a4f8e;
--accent: #913f52;
--highlight: #844b00;
--border: #3f471a;
--text: #00130f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d5ebe6;
--color-surface: #57b89e;
--color-muted: #007f8e;
--color-primary: #4769a8;
--color-secondary: #7a4f8e;
--color-accent: #913f52;
--color-highlight: #844b00;
--color-border: #3f471a;
--color-text: #00130f;
}JSON (DTCG tokens)
{
"true-liaison-quartz-72x": {
"bg": {
"$type": "color",
"$value": "#d5ebe6"
},
"surface": {
"$type": "color",
"$value": "#57b89e"
},
"muted": {
"$type": "color",
"$value": "#007f8e"
},
"primary": {
"$type": "color",
"$value": "#4769a8"
},
"secondary": {
"$type": "color",
"$value": "#7a4f8e"
},
"accent": {
"$type": "color",
"$value": "#913f52"
},
"highlight": {
"$type": "color",
"$value": "#844b00"
},
"border": {
"$type": "color",
"$value": "#3f471a"
},
"text": {
"$type": "color",
"$value": "#00130f"
}
}
}About this palette
True Liaison Quartz is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #D5EBE6, #57B89E, #007F8E, #4769A8, #7A4F8E, #913F52, #844B00, #3F471A, #00130F. 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 True Liaison Quartz by OKLab color distance.