Palette · 9 colors · Lc 8.8
Classic Bloodhound Harbor palette
Classic Bloodhound Harbor: a 9-color palette (Trending, Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFECE2, #FABC9E, #DF9667, #CD774C, #BD5504, #873700, #652000, #320E00, #140601, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFECE2
surface
#FABC9E
muted
#DF9667
primary
#CD774C
secondary
#BD5504
accent
#873700
highlight
#652000
border
#320E00
text
#140601
Colors in Classic Bloodhound Harbor: HEX, RGB, HSL & OKLCH
- #FFECE2 color page →
bg
#FFECE2
- RGB
- rgb(255 236 226)
- HSL
- hsl(21 100% 94%)
- OKLCH
- oklch(0.956 0.025 49.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
- #FABC9E color page →
surface
#FABC9E
- RGB
- rgb(250 188 158)
- HSL
- hsl(20 90% 80%)
- OKLCH
- oklch(0.845 0.083 46.9)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.75:1 (AAA)
- #DF9667 color page →
muted
#DF9667
- RGB
- rgb(223 150 103)
- HSL
- hsl(24 65% 64%)
- OKLCH
- oklch(0.736 0.108 53.1)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.69:1 (AAA)
- #CD774C color page →
primary
#CD774C
- RGB
- rgb(205 119 76)
- HSL
- hsl(20 56% 55%)
- OKLCH
- oklch(0.655 0.122 46.4)
WCAG contrast: on white 3.31:1 (Fail) · on black 6.33:1 (AA)
- #BD5504 color page →
secondary
#BD5504
- RGB
- rgb(189 85 4)
- HSL
- hsl(26 96% 38%)
- OKLCH
- oklch(0.572 0.154 48.3)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #873700 color page →
accent
#873700
- RGB
- rgb(135 55 0)
- HSL
- hsl(24 100% 26%)
- OKLCH
- oklch(0.441 0.123 46.3)
WCAG contrast: on white 8.15:1 (AAA) · on black 2.57:1 (Fail)
- #652000 color page →
highlight
#652000
- RGB
- rgb(101 32 0)
- HSL
- hsl(19 100% 20%)
- OKLCH
- oklch(0.347 0.107 41)
WCAG contrast: on white 11.93:1 (AAA) · on black 1.75:1 (Fail)
- #320E00 color page →
border
#320E00
- RGB
- rgb(50 14 0)
- HSL
- hsl(17 100% 10%)
- OKLCH
- oklch(0.221 0.064 44)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
- #140601 color page →
text
#140601
- RGB
- rgb(20 6 1)
- HSL
- hsl(16 90% 4%)
- OKLCH
- oklch(0.144 0.032 51.8)
WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Bloodhound Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffece2;
--surface: #fabc9e;
--muted: #df9667;
--primary: #cd774c;
--secondary: #bd5504;
--accent: #873700;
--highlight: #652000;
--border: #320e00;
--text: #140601;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffece2;
--color-surface: #fabc9e;
--color-muted: #df9667;
--color-primary: #cd774c;
--color-secondary: #bd5504;
--color-accent: #873700;
--color-highlight: #652000;
--color-border: #320e00;
--color-text: #140601;
}JSON (DTCG tokens)
{
"classic-bloodhound-harbor-788": {
"bg": {
"$type": "color",
"$value": "#ffece2"
},
"surface": {
"$type": "color",
"$value": "#fabc9e"
},
"muted": {
"$type": "color",
"$value": "#df9667"
},
"primary": {
"$type": "color",
"$value": "#cd774c"
},
"secondary": {
"$type": "color",
"$value": "#bd5504"
},
"accent": {
"$type": "color",
"$value": "#873700"
},
"highlight": {
"$type": "color",
"$value": "#652000"
},
"border": {
"$type": "color",
"$value": "#320e00"
},
"text": {
"$type": "color",
"$value": "#140601"
}
}
}About this palette
Classic Bloodhound Harbor is a 9-color OKLCH-ready palette tagged trending, yellow, warm, 9 colors. Hex values: #FFECE2, #FABC9E, #DF9667, #CD774C, #BD5504, #873700, #652000, #320E00, #140601. 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 Classic Bloodhound Harbor by OKLab color distance.