Palette · 9 colors · Lc 8.6
True Periwinkle Archive palette
True Periwinkle Archive: a 9-color palette (Pink, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #0B0B1F, #1C1D4A, #2D2B82, #3F3DA2, #6D61D3, #8A7DF6, #96A1F9, #D1D1FF, #E6E9FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 9 Colors
bg
#0B0B1F
surface
#1C1D4A
muted
#2D2B82
primary
#3F3DA2
secondary
#6D61D3
accent
#8A7DF6
highlight
#96A1F9
border
#D1D1FF
text
#E6E9FF
Colors in True Periwinkle Archive: HEX, RGB, HSL & OKLCH
- #0B0B1F color page →
bg
#0B0B1F
- RGB
- rgb(11 11 31)
- HSL
- hsl(240 48% 8%)
- OKLCH
- oklch(0.163 0.041 280.8)
WCAG contrast: on white 19.41:1 (AAA) · on black 1.08:1 (Fail)
- #1C1D4A color page →
surface
#1C1D4A
- RGB
- rgb(28 29 74)
- HSL
- hsl(239 45% 20%)
- OKLCH
- oklch(0.259 0.082 278.1)
WCAG contrast: on white 15.86:1 (AAA) · on black 1.32:1 (Fail)
- #2D2B82 color page →
muted
#2D2B82
- RGB
- rgb(45 43 130)
- HSL
- hsl(241 50% 34%)
- OKLCH
- oklch(0.351 0.142 277.2)
WCAG contrast: on white 11.80:1 (AAA) · on black 1.77:1 (Fail)
- #3F3DA2 color page →
primary
#3F3DA2
- RGB
- rgb(63 61 162)
- HSL
- hsl(241 45% 44%)
- OKLCH
- oklch(0.425 0.159 278.1)
WCAG contrast: on white 8.74:1 (AAA) · on black 2.40:1 (Fail)
- #6D61D3 color page →
secondary
#6D61D3
- RGB
- rgb(109 97 211)
- HSL
- hsl(246 56% 60%)
- OKLCH
- oklch(0.562 0.169 284.3)
WCAG contrast: on white 4.88:1 (AA) · on black 4.30:1 (Fail)
- #8A7DF6 color page →
accent
#8A7DF6
- RGB
- rgb(138 125 246)
- HSL
- hsl(246 87% 73%)
- OKLCH
- oklch(0.658 0.175 285.4)
WCAG contrast: on white 3.30:1 (Fail) · on black 6.34:1 (AA)
- #96A1F9 color page →
highlight
#96A1F9
- RGB
- rgb(150 161 249)
- HSL
- hsl(233 89% 78%)
- OKLCH
- oklch(0.736 0.128 277.3)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.76:1 (AAA)
- #D1D1FF color page →
border
#D1D1FF
- RGB
- rgb(209 209 255)
- HSL
- hsl(240 100% 91%)
- OKLCH
- oklch(0.876 0.063 285)
WCAG contrast: on white 1.47:1 (Fail) · on black 14.27:1 (AAA)
- #E6E9FF color page →
text
#E6E9FF
- RGB
- rgb(230 233 255)
- HSL
- hsl(233 100% 95%)
- OKLCH
- oklch(0.938 0.03 279.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.46:1 (AAA)
Export True Periwinkle Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0b1f;
--surface: #1c1d4a;
--muted: #2d2b82;
--primary: #3f3da2;
--secondary: #6d61d3;
--accent: #8a7df6;
--highlight: #96a1f9;
--border: #d1d1ff;
--text: #e6e9ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0b1f;
--color-surface: #1c1d4a;
--color-muted: #2d2b82;
--color-primary: #3f3da2;
--color-secondary: #6d61d3;
--color-accent: #8a7df6;
--color-highlight: #96a1f9;
--color-border: #d1d1ff;
--color-text: #e6e9ff;
}JSON (DTCG tokens)
{
"true-periwinkle-archive-5s0": {
"bg": {
"$type": "color",
"$value": "#0b0b1f"
},
"surface": {
"$type": "color",
"$value": "#1c1d4a"
},
"muted": {
"$type": "color",
"$value": "#2d2b82"
},
"primary": {
"$type": "color",
"$value": "#3f3da2"
},
"secondary": {
"$type": "color",
"$value": "#6d61d3"
},
"accent": {
"$type": "color",
"$value": "#8a7df6"
},
"highlight": {
"$type": "color",
"$value": "#96a1f9"
},
"border": {
"$type": "color",
"$value": "#d1d1ff"
},
"text": {
"$type": "color",
"$value": "#e6e9ff"
}
}
}About this palette
True Periwinkle Archive is a 9-color OKLCH-ready palette tagged pink, monochromatic, 9 colors. Hex values: #0B0B1F, #1C1D4A, #2D2B82, #3F3DA2, #6D61D3, #8A7DF6, #96A1F9, #D1D1FF, #E6E9FF. 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 Periwinkle Archive by OKLab color distance.