Palette · 8 colors · Lc 9.8
True Amethyst System palette
True Amethyst System: a 8-color palette (Pink, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #07040C, #331A47, #4F3076, #714B9F, #8F67C1, #AD8FD4, #D8C0F6, #F6ECFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 8 Colors
bg
#07040C
surface
#331A47
muted
#4F3076
primary
#714B9F
secondary
#8F67C1
accent
#AD8FD4
highlight
#D8C0F6
text
#F6ECFF
Colors in True Amethyst System: HEX, RGB, HSL & OKLCH
- #07040C color page →
bg
#07040C
- RGB
- rgb(7 4 12)
- HSL
- hsl(263 50% 3%)
- OKLCH
- oklch(0.119 0.022 303.8)
WCAG contrast: on white 20.35:1 (AAA) · on black 1.03:1 (Fail)
- #331A47 color page →
surface
#331A47
- RGB
- rgb(51 26 71)
- HSL
- hsl(273 46% 19%)
- OKLCH
- oklch(0.276 0.083 307.5)
WCAG contrast: on white 15.22:1 (AAA) · on black 1.37:1 (Fail)
- #4F3076 color page →
muted
#4F3076
- RGB
- rgb(79 48 118)
- HSL
- hsl(267 42% 33%)
- OKLCH
- oklch(0.383 0.116 301.6)
WCAG contrast: on white 10.41:1 (AAA) · on black 2.01:1 (Fail)
- #714B9F color page →
primary
#714B9F
- RGB
- rgb(113 75 159)
- HSL
- hsl(267 36% 46%)
- OKLCH
- oklch(0.494 0.133 302.7)
WCAG contrast: on white 6.54:1 (AA) · on black 3.20:1 (Fail)
- #8F67C1 color page →
secondary
#8F67C1
- RGB
- rgb(143 103 193)
- HSL
- hsl(267 42% 58%)
- OKLCH
- oklch(0.593 0.138 302.9)
WCAG contrast: on white 4.30:1 (Fail) · on black 4.87:1 (AA)
- #AD8FD4 color page →
accent
#AD8FD4
- RGB
- rgb(173 143 212)
- HSL
- hsl(266 45% 70%)
- OKLCH
- oklch(0.703 0.104 303.8)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.65:1 (AAA)
- #D8C0F6 color page →
highlight
#D8C0F6
- RGB
- rgb(216 192 246)
- HSL
- hsl(267 75% 86%)
- OKLCH
- oklch(0.846 0.078 305)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.79:1 (AAA)
- #F6ECFF color page →
text
#F6ECFF
- RGB
- rgb(246 236 255)
- HSL
- hsl(272 100% 96%)
- OKLCH
- oklch(0.956 0.027 309.2)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)
Export True Amethyst System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #07040c;
--surface: #331a47;
--muted: #4f3076;
--primary: #714b9f;
--secondary: #8f67c1;
--accent: #ad8fd4;
--highlight: #d8c0f6;
--text: #f6ecff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #07040c;
--color-surface: #331a47;
--color-muted: #4f3076;
--color-primary: #714b9f;
--color-secondary: #8f67c1;
--color-accent: #ad8fd4;
--color-highlight: #d8c0f6;
--color-text: #f6ecff;
}JSON (DTCG tokens)
{
"true-amethyst-system-fp": {
"bg": {
"$type": "color",
"$value": "#07040c"
},
"surface": {
"$type": "color",
"$value": "#331a47"
},
"muted": {
"$type": "color",
"$value": "#4f3076"
},
"primary": {
"$type": "color",
"$value": "#714b9f"
},
"secondary": {
"$type": "color",
"$value": "#8f67c1"
},
"accent": {
"$type": "color",
"$value": "#ad8fd4"
},
"highlight": {
"$type": "color",
"$value": "#d8c0f6"
},
"text": {
"$type": "color",
"$value": "#f6ecff"
}
}
}About this palette
True Amethyst System is a 8-color OKLCH-ready palette tagged pink, monochromatic, 8 colors. Hex values: #07040C, #331A47, #4F3076, #714B9F, #8F67C1, #AD8FD4, #D8C0F6, #F6ECFF. APCA contrast score Lc 9.8. 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 Amethyst System by OKLab color distance.