Palette · 10 colors · Lc 8.8
Bold Maraschino Noir palette
Bold Maraschino Noir: a 10-color palette (Orange, Warm, OKLCH Neon, Cyberpunk). HEX, RGB, HSL and OKLCH for #0D0200, #7D0300, #FF2600, #F57C00, #6AAE00, #00C5A9, #00A4FF, #A46FFF, #EEA1D2, #F0DFDB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- OKLCH Neon
- Cyberpunk
- Rainbow
- 10 Colors
bg
#0D0200
surface
#7D0300
muted
#FF2600
primary
#F57C00
secondary
#6AAE00
accent
#00C5A9
highlight
#00A4FF
border
#A46FFF
focus
#EEA1D2
text
#F0DFDB
Colors in Bold Maraschino Noir: HEX, RGB, HSL & OKLCH
- #0D0200 color page →
bg
#0D0200
- RGB
- rgb(13 2 0)
- HSL
- hsl(9 100% 3%)
- OKLCH
- oklch(0.112 0.032 45.5)
WCAG contrast: on white 20.47:1 (AAA) · on black 1.02:1 (Fail)
- #7D0300 color page →
surface
#7D0300
- RGB
- rgb(125 3 0)
- HSL
- hsl(1 100% 25%)
- OKLCH
- oklch(0.372 0.151 29.7)
WCAG contrast: on white 11.14:1 (AAA) · on black 1.88:1 (Fail)
- #FF2600 color page →
muted
#FF2600
- RGB
- rgb(255 38 0)
- HSL
- hsl(9 100% 50%)
- OKLCH
- oklch(0.639 0.248 31.2)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.52:1 (AA)
- #F57C00 color page →
primary
#F57C00
- RGB
- rgb(245 124 0)
- HSL
- hsl(30 100% 48%)
- OKLCH
- oklch(0.712 0.179 53.5)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.76:1 (AAA)
- #6AAE00 color page →
secondary
#6AAE00
- RGB
- rgb(106 174 0)
- HSL
- hsl(83 100% 34%)
- OKLCH
- oklch(0.679 0.188 131.9)
WCAG contrast: on white 2.73:1 (Fail) · on black 7.66:1 (AAA)
- #00C5A9 color page →
accent
#00C5A9
- RGB
- rgb(0 197 169)
- HSL
- hsl(171 100% 39%)
- OKLCH
- oklch(0.736 0.136 177.6)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.55:1 (AAA)
- #00A4FF color page →
highlight
#00A4FF
- RGB
- rgb(0 164 255)
- HSL
- hsl(201 100% 50%)
- OKLCH
- oklch(0.694 0.173 244.6)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.75:1 (AAA)
- #A46FFF color page →
border
#A46FFF
- RGB
- rgb(164 111 255)
- HSL
- hsl(262 100% 72%)
- OKLCH
- oklch(0.663 0.206 297.5)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #EEA1D2 color page →
focus
#EEA1D2
- RGB
- rgb(238 161 210)
- HSL
- hsl(322 69% 78%)
- OKLCH
- oklch(0.799 0.11 341.3)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.66:1 (AAA)
- #F0DFDB color page →
text
#F0DFDB
- RGB
- rgb(240 223 219)
- HSL
- hsl(11 41% 90%)
- OKLCH
- oklch(0.916 0.02 33.4)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.28:1 (AAA)
Export Bold Maraschino Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0200;
--surface: #7d0300;
--muted: #ff2600;
--primary: #f57c00;
--secondary: #6aae00;
--accent: #00c5a9;
--highlight: #00a4ff;
--border: #a46fff;
--focus: #eea1d2;
--text: #f0dfdb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0200;
--color-surface: #7d0300;
--color-muted: #ff2600;
--color-primary: #f57c00;
--color-secondary: #6aae00;
--color-accent: #00c5a9;
--color-highlight: #00a4ff;
--color-border: #a46fff;
--color-focus: #eea1d2;
--color-text: #f0dfdb;
}JSON (DTCG tokens)
{
"bold-maraschino-noir-636": {
"bg": {
"$type": "color",
"$value": "#0d0200"
},
"surface": {
"$type": "color",
"$value": "#7d0300"
},
"muted": {
"$type": "color",
"$value": "#ff2600"
},
"primary": {
"$type": "color",
"$value": "#f57c00"
},
"secondary": {
"$type": "color",
"$value": "#6aae00"
},
"accent": {
"$type": "color",
"$value": "#00c5a9"
},
"highlight": {
"$type": "color",
"$value": "#00a4ff"
},
"border": {
"$type": "color",
"$value": "#a46fff"
},
"focus": {
"$type": "color",
"$value": "#eea1d2"
},
"text": {
"$type": "color",
"$value": "#f0dfdb"
}
}
}About this palette
Bold Maraschino Noir is a 10-color OKLCH-ready palette tagged orange, warm, oklch neon, cyberpunk, rainbow, 10 colors. Hex values: #0D0200, #7D0300, #FF2600, #F57C00, #6AAE00, #00C5A9, #00A4FF, #A46FFF, #EEA1D2, #F0DFDB. APCA contrast score Lc 8.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 Bold Maraschino Noir by OKLab color distance.