Palette · 3 colors · Lc 9.9
Bureaucracy Ledger palette
Bureaucracy Ledger: a 3-color palette (Pink, Gray, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #F9F3FD, #7B6695, #170F1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F3FD
accent
#7B6695
text
#170F1C
Colors in Bureaucracy Ledger: HEX, RGB, HSL & OKLCH
- #F9F3FD color page →
bg
#F9F3FD
- RGB
- rgb(249 243 253)
- HSL
- hsl(276 71% 97%)
- OKLCH
- oklch(0.972 0.015 312.2)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.26:1 (AAA)
- #7B6695 color page →
accent
#7B6695
- RGB
- rgb(123 102 149)
- HSL
- hsl(267 19% 49%)
- OKLCH
- oklch(0.549 0.075 304.5)
WCAG contrast: on white 5.02:1 (AA) · on black 4.17:1 (Fail)
- #170F1C color page →
text
#170F1C
- RGB
- rgb(23 15 28)
- HSL
- hsl(277 30% 8%)
- OKLCH
- oklch(0.185 0.028 311.9)
WCAG contrast: on white 18.72:1 (AAA) · on black 1.12:1 (Fail)
Export Bureaucracy Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f3fd;
--accent: #7b6695;
--text: #170f1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f3fd;
--color-accent: #7b6695;
--color-text: #170f1c;
}JSON (DTCG tokens)
{
"bureaucracy-ledger-1ef": {
"bg": {
"$type": "color",
"$value": "#f9f3fd"
},
"accent": {
"$type": "color",
"$value": "#7b6695"
},
"text": {
"$type": "color",
"$value": "#170f1c"
}
}
}About this palette
Bureaucracy Ledger is a 3-color OKLCH-ready palette tagged pink, gray, ui system, 3 colors. Hex values: #F9F3FD, #7B6695, #170F1C. APCA contrast score Lc 9.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 Bureaucracy Ledger by OKLab color distance.