Palette · 9 colors · Lc 10
Cheek Red Beacon palette
Cheek Red Beacon: a 9-color palette (Orange, Gray, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #150706, #2B1A18, #55352D, #744339, #925B56, #B58785, #D6A3A0, #DCC3C1, #FFF2F2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#150706
surface
#2B1A18
muted
#55352D
primary
#744339
secondary
#925B56
accent
#B58785
highlight
#D6A3A0
border
#DCC3C1
text
#FFF2F2
Colors in Cheek Red Beacon: HEX, RGB, HSL & OKLCH
- #150706 color page →
bg
#150706
- RGB
- rgb(21 7 6)
- HSL
- hsl(4 56% 5%)
- OKLCH
- oklch(0.151 0.026 26.1)
WCAG contrast: on white 19.72:1 (AAA) · on black 1.06:1 (Fail)
- #2B1A18 color page →
surface
#2B1A18
- RGB
- rgb(43 26 24)
- HSL
- hsl(6 28% 13%)
- OKLCH
- oklch(0.239 0.028 26.7)
WCAG contrast: on white 16.61:1 (AAA) · on black 1.26:1 (Fail)
- #55352D color page →
muted
#55352D
- RGB
- rgb(85 53 45)
- HSL
- hsl(12 31% 25%)
- OKLCH
- oklch(0.365 0.049 34.7)
WCAG contrast: on white 10.86:1 (AAA) · on black 1.93:1 (Fail)
- #744339 color page →
primary
#744339
- RGB
- rgb(116 67 57)
- HSL
- hsl(10 34% 34%)
- OKLCH
- oklch(0.439 0.07 32.4)
WCAG contrast: on white 8.06:1 (AAA) · on black 2.60:1 (Fail)
- #925B56 color page →
secondary
#925B56
- RGB
- rgb(146 91 86)
- HSL
- hsl(5 26% 45%)
- OKLCH
- oklch(0.531 0.073 25.5)
WCAG contrast: on white 5.45:1 (AA) · on black 3.85:1 (Fail)
- #B58785 color page →
accent
#B58785
- RGB
- rgb(181 135 133)
- HSL
- hsl(2 24% 62%)
- OKLCH
- oklch(0.667 0.057 21.5)
WCAG contrast: on white 3.10:1 (Fail) · on black 6.76:1 (AA)
- #D6A3A0 color page →
highlight
#D6A3A0
- RGB
- rgb(214 163 160)
- HSL
- hsl(3 40% 73%)
- OKLCH
- oklch(0.762 0.061 22.5)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.60:1 (AAA)
- #DCC3C1 color page →
border
#DCC3C1
- RGB
- rgb(220 195 193)
- HSL
- hsl(4 28% 81%)
- OKLCH
- oklch(0.838 0.029 23.2)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.61:1 (AAA)
- #FFF2F2 color page →
text
#FFF2F2
- RGB
- rgb(255 242 242)
- HSL
- hsl(0 100% 97%)
- OKLCH
- oklch(0.971 0.014 17.4)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.23:1 (AAA)
Export Cheek Red Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #150706;
--surface: #2b1a18;
--muted: #55352d;
--primary: #744339;
--secondary: #925b56;
--accent: #b58785;
--highlight: #d6a3a0;
--border: #dcc3c1;
--text: #fff2f2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #150706;
--color-surface: #2b1a18;
--color-muted: #55352d;
--color-primary: #744339;
--color-secondary: #925b56;
--color-accent: #b58785;
--color-highlight: #d6a3a0;
--color-border: #dcc3c1;
--color-text: #fff2f2;
}JSON (DTCG tokens)
{
"cheek-red-beacon-5e8": {
"bg": {
"$type": "color",
"$value": "#150706"
},
"surface": {
"$type": "color",
"$value": "#2b1a18"
},
"muted": {
"$type": "color",
"$value": "#55352d"
},
"primary": {
"$type": "color",
"$value": "#744339"
},
"secondary": {
"$type": "color",
"$value": "#925b56"
},
"accent": {
"$type": "color",
"$value": "#b58785"
},
"highlight": {
"$type": "color",
"$value": "#d6a3a0"
},
"border": {
"$type": "color",
"$value": "#dcc3c1"
},
"text": {
"$type": "color",
"$value": "#fff2f2"
}
}
}About this palette
Cheek Red Beacon is a 9-color OKLCH-ready palette tagged orange, gray, warm, 9 colors. Hex values: #150706, #2B1A18, #55352D, #744339, #925B56, #B58785, #D6A3A0, #DCC3C1, #FFF2F2. APCA contrast score Lc 10. 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 Cheek Red Beacon by OKLab color distance.