Colors from Friends of Friendless Churches — UI color palette

Bespoke WordPress charity website design & build for an organisation that rescues places of worship throughout England & Wales. Hex set: #3D4438, #F4EEE2, #848C9C, #868677, #A4AC98.

• Swatch role: #3D4438 reads as a dark surface.
• Swatch role: #F4EEE2 reads as a near-white surface.
• Swatch role: #848C9C reads as a mid surface.
• Swatch role: #868677 reads as a mid surface.
• Swatch role: #A4AC98 reads as a mid surface.
• Darkest #3D4438 vs lightest #F4EEE2 sits around 8.7:1, which exceeds WCAG AAA for normal text.
• Use #848C9C for secondary UI (borders, muted labels, chips) so the extremes stay reserved for hierarchy.
• Map one dark and one light token to text/background pairs, then keep accents for buttons, links, and focus rings.