Palette · 9 colors · Lc 8.5
Quiet Twilight Ribbon palette
Quiet Twilight Ribbon: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #0A0916, #1C223C, #31335A, #434D81, #5F6E9A, #8295BE, #9DABD6, #B8CBEB, #ECEEF5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#0A0916
surface
#1C223C
muted
#31335A
primary
#434D81
secondary
#5F6E9A
accent
#8295BE
highlight
#9DABD6
border
#B8CBEB
text
#ECEEF5
Colors in Quiet Twilight Ribbon: HEX, RGB, HSL & OKLCH
- #0A0916 color page →
bg
#0A0916
- RGB
- rgb(10 9 22)
- HSL
- hsl(245 42% 6%)
- OKLCH
- oklch(0.149 0.028 286.1)
WCAG contrast: on white 19.74:1 (AAA) · on black 1.06:1 (Fail)
- #1C223C color page →
surface
#1C223C
- RGB
- rgb(28 34 60)
- HSL
- hsl(229 36% 17%)
- OKLCH
- oklch(0.26 0.05 272.7)
WCAG contrast: on white 15.63:1 (AAA) · on black 1.34:1 (Fail)
- #31335A color page →
muted
#31335A
- RGB
- rgb(49 51 90)
- HSL
- hsl(237 29% 27%)
- OKLCH
- oklch(0.339 0.068 279.9)
WCAG contrast: on white 11.98:1 (AAA) · on black 1.75:1 (Fail)
- #434D81 color page →
primary
#434D81
- RGB
- rgb(67 77 129)
- HSL
- hsl(230 32% 38%)
- OKLCH
- oklch(0.437 0.087 274)
WCAG contrast: on white 8.02:1 (AAA) · on black 2.61:1 (Fail)
- #5F6E9A color page →
secondary
#5F6E9A
- RGB
- rgb(95 110 154)
- HSL
- hsl(225 24% 49%)
- OKLCH
- oklch(0.544 0.071 269.5)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #8295BE color page →
accent
#8295BE
- RGB
- rgb(130 149 190)
- HSL
- hsl(221 32% 63%)
- OKLCH
- oklch(0.67 0.065 265.3)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.99:1 (AA)
- #9DABD6 color page →
highlight
#9DABD6
- RGB
- rgb(157 171 214)
- HSL
- hsl(225 41% 73%)
- OKLCH
- oklch(0.745 0.064 270.7)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.22:1 (AAA)
- #B8CBEB color page →
border
#B8CBEB
- RGB
- rgb(184 203 235)
- HSL
- hsl(218 56% 82%)
- OKLCH
- oklch(0.838 0.049 260.9)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.78:1 (AAA)
- #ECEEF5 color page →
text
#ECEEF5
- RGB
- rgb(236 238 245)
- HSL
- hsl(227 31% 94%)
- OKLCH
- oklch(0.95 0.01 273.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.11:1 (AAA)
Export Quiet Twilight Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a0916;
--surface: #1c223c;
--muted: #31335a;
--primary: #434d81;
--secondary: #5f6e9a;
--accent: #8295be;
--highlight: #9dabd6;
--border: #b8cbeb;
--text: #eceef5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a0916;
--color-surface: #1c223c;
--color-muted: #31335a;
--color-primary: #434d81;
--color-secondary: #5f6e9a;
--color-accent: #8295be;
--color-highlight: #9dabd6;
--color-border: #b8cbeb;
--color-text: #eceef5;
}JSON (DTCG tokens)
{
"quiet-twilight-ribbon-72e": {
"bg": {
"$type": "color",
"$value": "#0a0916"
},
"surface": {
"$type": "color",
"$value": "#1c223c"
},
"muted": {
"$type": "color",
"$value": "#31335a"
},
"primary": {
"$type": "color",
"$value": "#434d81"
},
"secondary": {
"$type": "color",
"$value": "#5f6e9a"
},
"accent": {
"$type": "color",
"$value": "#8295be"
},
"highlight": {
"$type": "color",
"$value": "#9dabd6"
},
"border": {
"$type": "color",
"$value": "#b8cbeb"
},
"text": {
"$type": "color",
"$value": "#eceef5"
}
}
}About this palette
Quiet Twilight Ribbon is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #0A0916, #1C223C, #31335A, #434D81, #5F6E9A, #8295BE, #9DABD6, #B8CBEB, #ECEEF5. APCA contrast score Lc 8.5. 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 Quiet Twilight Ribbon by OKLab color distance.