Primary
Secondary
Background
Mood
Primary Block Colors
Color
RGB
HEX
Key
Site Designer Mapping
rgb(74,21,75)
#4a154b
block.base
Section Background
rgb(86,36,87)
#562457
block.accent
rgb(111,69,112)
#6f4570
block.container
Widget Background
rgb(138,103,138)
#8a678a
block.hover
rgb(255,255,255)
#ffffff
backgroundColor.click?.base
Primary Button Background, Link Font, Secondary Button Border & Font, Secondary Button Hover Background
rgb(248,246,248)
#f8f6f8
backgroundColor.click?.hover
Primary Button Background Hover
rgb(0,0,0)
#000000
font.color.fill
Primary Button Font, Secondary Button Background, Secondary Button Hover Font
rgb(255,255,255)
#ffffff
font.color.base
Section Font
rgba(255,255,255,0.6)
#ffffff99
font.color.soft
rgba(255,255,255,0.4)
#ffffff66
font.color.disabled
rgba(255,255,255,0.6)
#ffffff99
backgroundColor.fillNeutral.base
Secondary Block Colors
Color
RGB
HEX
Key
Site Designer Mapping
rgb(224,30,90)
#e01e5a
block.base
Section Background
rgb(111,15,45)
#6f0f2d
block.accent
rgb(163,22,65)
#a31641
block.container
Widget Background
rgb(68,9,27)
#44091b
block.hover
rgb(255,255,255)
#ffffff
backgroundColor.click?.base
Primary Button Background, Link Font, Secondary Button Border & Font, Secondary Button Hover Background
rgb(254,245,248)
#fef5f8
backgroundColor.click?.hover
Primary Button Background Hover
rgb(0,0,0)
#000000
font.color.fill
Primary Button Font, Secondary Button Background, Secondary Button Hover Font
rgb(255,255,255)
#ffffff
font.color.base
Section Font
rgba(255,255,255,0.6)
#ffffff99
font.color.soft
rgba(255,255,255,0.4)
#ffffff66
font.color.disabled
rgba(255,255,255,0.6)
#ffffff99
backgroundColor.fillNeutral.base
Background Block Colors
Color
RGB
HEX
Key
Site Designer Mapping
rgb(244,237,228)
#f4ede4
block.base
Section Background
rgb(233,226,218)
#e9e2da
block.accent
rgb(250,247,242)
#faf7f2
block.container
Widget Background
rgb(255,255,255)
#ffffff
block.hover
rgb(0,0,0)
#000000
backgroundColor.click?.base
Primary Button Background, Link Font, Secondary Button Border & Font, Secondary Button Hover Background
rgb(57,55,53)
#393735
backgroundColor.click?.hover
Primary Button Background Hover
rgb(255,255,255)
#ffffff
font.color.fill
Primary Button Font, Secondary Button Background, Secondary Button Hover Font
rgb(0,0,0)
#000000
font.color.base
Section Font
rgba(0,0,0,0.6)
#00000099
font.color.soft
rgba(0,0,0,0.4)
#00000066
font.color.disabled
rgba(0,0,0,0.6)
#00000099
backgroundColor.fillNeutral.base
Mood Block Colors
Color
RGB
HEX
Key
Site Designer Mapping
rgb(255,255,255)
#ffffff
block.base
Section Background
rgb(237,237,237)
#ededed
block.accent
rgb(247,247,247)
#f7f7f7
block.container
Widget Background
rgb(227,227,227)
#e3e3e3
block.hover
rgb(224,30,90)
#e01e5a
backgroundColor.click?.base
Primary Button Background, Link Font, Secondary Button Border & Font, Secondary Button Hover Background
rgb(111,15,45)
#6f0f2d
backgroundColor.click?.hover
Primary Button Background Hover
rgb(255,255,255)
#ffffff
font.color.fill
Primary Button Font, Secondary Button Background, Secondary Button Hover Font
rgb(0,0,0)
#000000
font.color.base
Section Font
rgb(105,113,122)
#69717a
font.color.soft
rgb(154, 159, 166)
#9a9fa6
font.color.disabled
rgb(105,113,122)
#69717a
backgroundColor.fillNeutral.base