Palette · 9 colors · Lc 8.7
Atomic Redsurrection Beacon palette
Atomic Redsurrection Beacon: a 9-color palette (Orange, Warm, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE9E5, #FFBBB0, #FF8571, #F75252, #DA0708, #AA0000, #780001, #4C0205, #120100, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Monochromatic
- 9 Colors
bg
#FFE9E5
surface
#FFBBB0
muted
#FF8571
primary
#F75252
secondary
#DA0708
accent
#AA0000
highlight
#780001
border
#4C0205
text
#120100
Colors in Atomic Redsurrection Beacon: HEX, RGB, HSL & OKLCH
- #FFE9E5 color page →
bg
#FFE9E5
- RGB
- rgb(255 233 229)
- HSL
- hsl(9 100% 95%)
- OKLCH
- oklch(0.951 0.025 29.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.03:1 (AAA)
- #FFBBB0 color page →
surface
#FFBBB0
- RGB
- rgb(255 187 176)
- HSL
- hsl(8 100% 85%)
- OKLCH
- oklch(0.852 0.081 29.2)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.98:1 (AAA)
- #FF8571 color page →
muted
#FF8571
- RGB
- rgb(255 133 113)
- HSL
- hsl(8 100% 72%)
- OKLCH
- oklch(0.749 0.152 30.7)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.84:1 (AAA)
- #F75252 color page →
primary
#F75252
- RGB
- rgb(247 82 82)
- HSL
- hsl(0 91% 65%)
- OKLCH
- oklch(0.666 0.201 24.4)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.28:1 (AA)
- #DA0708 color page →
secondary
#DA0708
- RGB
- rgb(218 7 8)
- HSL
- hsl(360 94% 44%)
- OKLCH
- oklch(0.56 0.227 28.9)
WCAG contrast: on white 5.23:1 (AA) · on black 4.01:1 (Fail)
- #AA0000 color page →
accent
#AA0000
- RGB
- rgb(170 0 0)
- HSL
- hsl(0 100% 33%)
- OKLCH
- oklch(0.463 0.19 29.2)
WCAG contrast: on white 7.75:1 (AAA) · on black 2.70:1 (Fail)
- #780001 color page →
highlight
#780001
- RGB
- rgb(120 0 1)
- HSL
- hsl(360 100% 24%)
- OKLCH
- oklch(0.36 0.147 28.9)
WCAG contrast: on white 11.67:1 (AAA) · on black 1.79:1 (Fail)
- #4C0205 color page →
border
#4C0205
- RGB
- rgb(76 2 5)
- HSL
- hsl(358 95% 15%)
- OKLCH
- oklch(0.264 0.105 26.4)
WCAG contrast: on white 15.93:1 (AAA) · on black 1.31:1 (Fail)
- #120100 color page →
text
#120100
- RGB
- rgb(18 1 0)
- HSL
- hsl(3 100% 4%)
- OKLCH
- oklch(0.119 0.043 34.4)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
Export Atomic Redsurrection Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe9e5;
--surface: #ffbbb0;
--muted: #ff8571;
--primary: #f75252;
--secondary: #da0708;
--accent: #aa0000;
--highlight: #780001;
--border: #4c0205;
--text: #120100;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe9e5;
--color-surface: #ffbbb0;
--color-muted: #ff8571;
--color-primary: #f75252;
--color-secondary: #da0708;
--color-accent: #aa0000;
--color-highlight: #780001;
--color-border: #4c0205;
--color-text: #120100;
}JSON (DTCG tokens)
{
"atomic-redsurrection-beacon-3l9": {
"bg": {
"$type": "color",
"$value": "#ffe9e5"
},
"surface": {
"$type": "color",
"$value": "#ffbbb0"
},
"muted": {
"$type": "color",
"$value": "#ff8571"
},
"primary": {
"$type": "color",
"$value": "#f75252"
},
"secondary": {
"$type": "color",
"$value": "#da0708"
},
"accent": {
"$type": "color",
"$value": "#aa0000"
},
"highlight": {
"$type": "color",
"$value": "#780001"
},
"border": {
"$type": "color",
"$value": "#4c0205"
},
"text": {
"$type": "color",
"$value": "#120100"
}
}
}About this palette
Atomic Redsurrection Beacon is a 9-color OKLCH-ready palette tagged orange, warm, monochromatic, 9 colors. Hex values: #FFE9E5, #FFBBB0, #FF8571, #F75252, #DA0708, #AA0000, #780001, #4C0205, #120100. APCA contrast score Lc 8.7. 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 Atomic Redsurrection Beacon by OKLab color distance.