Palette · 10 colors · Lc 9
True Once Bitten Beacon palette
True Once Bitten Beacon: a 10-color palette (Trending, Orange, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F0E7E5, #F1C1C0, #EEA2B6, #DA7B83, #CC584E, #B53513, #963F00, #692400, #500D00, #330A04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E7E5
surface
#F1C1C0
muted
#EEA2B6
primary
#DA7B83
secondary
#CC584E
accent
#B53513
highlight
#963F00
border
#692400
focus
#500D00
text
#330A04
Colors in True Once Bitten Beacon: HEX, RGB, HSL & OKLCH
- #F0E7E5 color page →
bg
#F0E7E5
- RGB
- rgb(240 231 229)
- HSL
- hsl(11 27% 92%)
- OKLCH
- oklch(0.934 0.01 32.5)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)
- #F1C1C0 color page →
surface
#F1C1C0
- RGB
- rgb(241 193 192)
- HSL
- hsl(1 64% 85%)
- OKLCH
- oklch(0.853 0.055 19.7)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.12:1 (AAA)
- #EEA2B6 color page →
muted
#EEA2B6
- RGB
- rgb(238 162 182)
- HSL
- hsl(344 69% 78%)
- OKLCH
- oklch(0.792 0.093 2.2)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.47:1 (AAA)
- #DA7B83 color page →
primary
#DA7B83
- RGB
- rgb(218 123 131)
- HSL
- hsl(355 56% 67%)
- OKLCH
- oklch(0.689 0.118 15.3)
WCAG contrast: on white 2.94:1 (Fail) · on black 7.14:1 (AAA)
- #CC584E color page →
secondary
#CC584E
- RGB
- rgb(204 88 78)
- HSL
- hsl(5 55% 55%)
- OKLCH
- oklch(0.606 0.15 27.3)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.07:1 (AA)
- #B53513 color page →
accent
#B53513
- RGB
- rgb(181 53 19)
- HSL
- hsl(13 81% 39%)
- OKLCH
- oklch(0.518 0.17 34.8)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #963F00 color page →
highlight
#963F00
- RGB
- rgb(150 63 0)
- HSL
- hsl(25 100% 29%)
- OKLCH
- oklch(0.477 0.132 46.9)
WCAG contrast: on white 6.98:1 (AA) · on black 3.00:1 (Fail)
- #692400 color page →
border
#692400
- RGB
- rgb(105 36 0)
- HSL
- hsl(21 100% 21%)
- OKLCH
- oklch(0.36 0.108 42.6)
WCAG contrast: on white 11.33:1 (AAA) · on black 1.85:1 (Fail)
- #500D00 color page →
focus
#500D00
- RGB
- rgb(80 13 0)
- HSL
- hsl(10 100% 16%)
- OKLCH
- oklch(0.283 0.101 34.4)
WCAG contrast: on white 15.01:1 (AAA) · on black 1.39:1 (Fail)
- #330A04 color page →
text
#330A04
- RGB
- rgb(51 10 4)
- HSL
- hsl(8 85% 11%)
- OKLCH
- oklch(0.218 0.068 32.7)
WCAG contrast: on white 17.70:1 (AAA) · on black 1.18:1 (Fail)
Export True Once Bitten Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e7e5;
--surface: #f1c1c0;
--muted: #eea2b6;
--primary: #da7b83;
--secondary: #cc584e;
--accent: #b53513;
--highlight: #963f00;
--border: #692400;
--focus: #500d00;
--text: #330a04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e7e5;
--color-surface: #f1c1c0;
--color-muted: #eea2b6;
--color-primary: #da7b83;
--color-secondary: #cc584e;
--color-accent: #b53513;
--color-highlight: #963f00;
--color-border: #692400;
--color-focus: #500d00;
--color-text: #330a04;
}JSON (DTCG tokens)
{
"true-once-bitten-beacon-6e5": {
"bg": {
"$type": "color",
"$value": "#f0e7e5"
},
"surface": {
"$type": "color",
"$value": "#f1c1c0"
},
"muted": {
"$type": "color",
"$value": "#eea2b6"
},
"primary": {
"$type": "color",
"$value": "#da7b83"
},
"secondary": {
"$type": "color",
"$value": "#cc584e"
},
"accent": {
"$type": "color",
"$value": "#b53513"
},
"highlight": {
"$type": "color",
"$value": "#963f00"
},
"border": {
"$type": "color",
"$value": "#692400"
},
"focus": {
"$type": "color",
"$value": "#500d00"
},
"text": {
"$type": "color",
"$value": "#330a04"
}
}
}About this palette
True Once Bitten Beacon is a 10-color OKLCH-ready palette tagged trending, orange, warm, 10 colors. Hex values: #F0E7E5, #F1C1C0, #EEA2B6, #DA7B83, #CC584E, #B53513, #963F00, #692400, #500D00, #330A04. APCA contrast score Lc 9. 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 True Once Bitten Beacon by OKLab color distance.