Palette · 7 colors · Lc 10
True Brick Harbor palette
True Brick Harbor: a 7-color palette (Trending, Orange, Warm, UI System). HEX, RGB, HSL and OKLCH for #F8F8F8, #F3DEE0, #E8BEBF, #DB7880, #A43922, #6C3516, #210E0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#F3DEE0
muted
#E8BEBF
primary
#DB7880
secondary
#A43922
accent
#6C3516
text
#210E0E
Colors in True Brick Harbor: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #F3DEE0 color page →
surface
#F3DEE0
- RGB
- rgb(243 222 224)
- HSL
- hsl(354 47% 91%)
- OKLCH
- oklch(0.918 0.023 11)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.33:1 (AAA)
- #E8BEBF color page →
muted
#E8BEBF
- RGB
- rgb(232 190 191)
- HSL
- hsl(359 48% 83%)
- OKLCH
- oklch(0.838 0.048 16.5)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.54:1 (AAA)
- #DB7880 color page →
primary
#DB7880
- RGB
- rgb(219 120 128)
- HSL
- hsl(355 58% 66%)
- OKLCH
- oklch(0.685 0.123 15.7)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.01:1 (AAA)
- #A43922 color page →
secondary
#A43922
- RGB
- rgb(164 57 34)
- HSL
- hsl(11 66% 39%)
- OKLCH
- oklch(0.495 0.146 33.8)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #6C3516 color page →
accent
#6C3516
- RGB
- rgb(108 53 22)
- HSL
- hsl(22 66% 25%)
- OKLCH
- oklch(0.395 0.089 47.4)
WCAG contrast: on white 9.72:1 (AAA) · on black 2.15:1 (Fail)
- #210E0E color page →
text
#210E0E
- RGB
- rgb(33 14 14)
- HSL
- hsl(0 40% 9%)
- OKLCH
- oklch(0.192 0.033 20.5)
WCAG contrast: on white 18.52:1 (AAA) · on black 1.13:1 (Fail)
Export True Brick Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #f3dee0;
--muted: #e8bebf;
--primary: #db7880;
--secondary: #a43922;
--accent: #6c3516;
--text: #210e0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #f3dee0;
--color-muted: #e8bebf;
--color-primary: #db7880;
--color-secondary: #a43922;
--color-accent: #6c3516;
--color-text: #210e0e;
}JSON (DTCG tokens)
{
"true-brick-harbor-3gl": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#f3dee0"
},
"muted": {
"$type": "color",
"$value": "#e8bebf"
},
"primary": {
"$type": "color",
"$value": "#db7880"
},
"secondary": {
"$type": "color",
"$value": "#a43922"
},
"accent": {
"$type": "color",
"$value": "#6c3516"
},
"text": {
"$type": "color",
"$value": "#210e0e"
}
}
}About this palette
True Brick Harbor is a 7-color OKLCH-ready palette tagged trending, orange, warm, ui system, 7 colors. Hex values: #F8F8F8, #F3DEE0, #E8BEBF, #DB7880, #A43922, #6C3516, #210E0E. 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 True Brick Harbor by OKLab color distance.