Palette · 9 colors · Lc 7.7
Bruschetta System palette
Bruschetta System: a 9-color palette (Orange, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F7DED3, #E7C5C2, #DC979E, #C17868, #BB6348, #914900, #673900, #502800, #210B06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7DED3
surface
#E7C5C2
muted
#DC979E
primary
#C17868
secondary
#BB6348
accent
#914900
highlight
#673900
border
#502800
text
#210B06
Colors in Bruschetta System: HEX, RGB, HSL & OKLCH
- #F7DED3 color page →
bg
#F7DED3
- RGB
- rgb(247 222 211)
- HSL
- hsl(18 69% 90%)
- OKLCH
- oklch(0.918 0.031 45.3)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.34:1 (AAA)
- #E7C5C2 color page →
surface
#E7C5C2
- RGB
- rgb(231 197 194)
- HSL
- hsl(5 44% 83%)
- OKLCH
- oklch(0.852 0.039 23.9)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.16:1 (AAA)
- #DC979E color page →
muted
#DC979E
- RGB
- rgb(220 151 158)
- HSL
- hsl(354 50% 73%)
- OKLCH
- oklch(0.746 0.084 12.6)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.96:1 (AAA)
- #C17868 color page →
primary
#C17868
- RGB
- rgb(193 120 104)
- HSL
- hsl(11 42% 58%)
- OKLCH
- oklch(0.646 0.095 33.1)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.15:1 (AA)
- #BB6348 color page →
secondary
#BB6348
- RGB
- rgb(187 99 72)
- HSL
- hsl(14 46% 51%)
- OKLCH
- oklch(0.597 0.12 37.8)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)
- #914900 color page →
accent
#914900
- RGB
- rgb(145 73 0)
- HSL
- hsl(30 100% 28%)
- OKLCH
- oklch(0.486 0.12 55.2)
WCAG contrast: on white 6.65:1 (AA) · on black 3.15:1 (Fail)
- #673900 color page →
highlight
#673900
- RGB
- rgb(103 57 0)
- HSL
- hsl(33 100% 20%)
- OKLCH
- oklch(0.393 0.09 62.7)
WCAG contrast: on white 9.71:1 (AAA) · on black 2.16:1 (Fail)
- #502800 color page →
border
#502800
- RGB
- rgb(80 40 0)
- HSL
- hsl(30 100% 16%)
- OKLCH
- oklch(0.324 0.077 58.5)
WCAG contrast: on white 12.76:1 (AAA) · on black 1.64:1 (Fail)
- #210B06 color page →
text
#210B06
- RGB
- rgb(33 11 6)
- HSL
- hsl(11 69% 8%)
- OKLCH
- oklch(0.183 0.04 35.4)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export Bruschetta System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7ded3;
--surface: #e7c5c2;
--muted: #dc979e;
--primary: #c17868;
--secondary: #bb6348;
--accent: #914900;
--highlight: #673900;
--border: #502800;
--text: #210b06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7ded3;
--color-surface: #e7c5c2;
--color-muted: #dc979e;
--color-primary: #c17868;
--color-secondary: #bb6348;
--color-accent: #914900;
--color-highlight: #673900;
--color-border: #502800;
--color-text: #210b06;
}JSON (DTCG tokens)
{
"bruschetta-system-3av": {
"bg": {
"$type": "color",
"$value": "#f7ded3"
},
"surface": {
"$type": "color",
"$value": "#e7c5c2"
},
"muted": {
"$type": "color",
"$value": "#dc979e"
},
"primary": {
"$type": "color",
"$value": "#c17868"
},
"secondary": {
"$type": "color",
"$value": "#bb6348"
},
"accent": {
"$type": "color",
"$value": "#914900"
},
"highlight": {
"$type": "color",
"$value": "#673900"
},
"border": {
"$type": "color",
"$value": "#502800"
},
"text": {
"$type": "color",
"$value": "#210b06"
}
}
}About this palette
Bruschetta System is a 9-color OKLCH-ready palette tagged orange, warm, 9 colors. Hex values: #F7DED3, #E7C5C2, #DC979E, #C17868, #BB6348, #914900, #673900, #502800, #210B06. APCA contrast score Lc 7.7. 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 Bruschetta System by OKLab color distance.