Palette · 9 colors · Lc 8.5
Steady Lucky Lobster Beacon palette
Steady Lucky Lobster Beacon: a 9-color palette (Orange, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE8E6, #FAC4C5, #F797B5, #E26A73, #CC3318, #A53A00, #7D2300, #511500, #290200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE8E6
surface
#FAC4C5
muted
#F797B5
primary
#E26A73
secondary
#CC3318
accent
#A53A00
highlight
#7D2300
border
#511500
text
#290200
Colors in Steady Lucky Lobster Beacon: HEX, RGB, HSL & OKLCH
- #FFE8E6 color page →
bg
#FFE8E6
- RGB
- rgb(255 232 230)
- HSL
- hsl(5 100% 95%)
- OKLCH
- oklch(0.949 0.025 23.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
- #FAC4C5 color page →
surface
#FAC4C5
- RGB
- rgb(250 196 197)
- HSL
- hsl(359 84% 87%)
- OKLCH
- oklch(0.868 0.062 17.2)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.76:1 (AAA)
- #F797B5 color page →
muted
#F797B5
- RGB
- rgb(247 151 181)
- HSL
- hsl(341 86% 78%)
- OKLCH
- oklch(0.783 0.12 0.1)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.04:1 (AAA)
- #E26A73 color page →
primary
#E26A73
- RGB
- rgb(226 106 115)
- HSL
- hsl(356 67% 65%)
- OKLCH
- oklch(0.67 0.15 17.4)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.54:1 (AA)
- #CC3318 color page →
secondary
#CC3318
- RGB
- rgb(204 51 24)
- HSL
- hsl(9 79% 45%)
- OKLCH
- oklch(0.557 0.193 32.3)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #A53A00 color page →
accent
#A53A00
- RGB
- rgb(165 58 0)
- HSL
- hsl(21 100% 32%)
- OKLCH
- oklch(0.495 0.152 41.2)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #7D2300 color page →
highlight
#7D2300
- RGB
- rgb(125 35 0)
- HSL
- hsl(17 100% 25%)
- OKLCH
- oklch(0.396 0.13 37.8)
WCAG contrast: on white 9.94:1 (AAA) · on black 2.11:1 (Fail)
- #511500 color page →
border
#511500
- RGB
- rgb(81 21 0)
- HSL
- hsl(16 100% 16%)
- OKLCH
- oklch(0.294 0.095 38.8)
WCAG contrast: on white 14.41:1 (AAA) · on black 1.45:1 (Fail)
- #290200 color page →
text
#290200
- RGB
- rgb(41 2 0)
- HSL
- hsl(3 100% 8%)
- OKLCH
- oklch(0.181 0.068 32)
WCAG contrast: on white 19.03:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Lucky Lobster Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe8e6;
--surface: #fac4c5;
--muted: #f797b5;
--primary: #e26a73;
--secondary: #cc3318;
--accent: #a53a00;
--highlight: #7d2300;
--border: #511500;
--text: #290200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe8e6;
--color-surface: #fac4c5;
--color-muted: #f797b5;
--color-primary: #e26a73;
--color-secondary: #cc3318;
--color-accent: #a53a00;
--color-highlight: #7d2300;
--color-border: #511500;
--color-text: #290200;
}JSON (DTCG tokens)
{
"steady-lucky-lobster-beacon-6mu": {
"bg": {
"$type": "color",
"$value": "#ffe8e6"
},
"surface": {
"$type": "color",
"$value": "#fac4c5"
},
"muted": {
"$type": "color",
"$value": "#f797b5"
},
"primary": {
"$type": "color",
"$value": "#e26a73"
},
"secondary": {
"$type": "color",
"$value": "#cc3318"
},
"accent": {
"$type": "color",
"$value": "#a53a00"
},
"highlight": {
"$type": "color",
"$value": "#7d2300"
},
"border": {
"$type": "color",
"$value": "#511500"
},
"text": {
"$type": "color",
"$value": "#290200"
}
}
}About this palette
Steady Lucky Lobster Beacon is a 9-color OKLCH-ready palette tagged orange, warm, 9 colors. Hex values: #FFE8E6, #FAC4C5, #F797B5, #E26A73, #CC3318, #A53A00, #7D2300, #511500, #290200. 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 Steady Lucky Lobster Beacon by OKLab color distance.