teesafrohair.co.uk is an eCommerce site built on WooCommerce and WordPress platform. We have focused on simplicty and simple yet effective user experience. Following the golden web design rule of 3 clicks (every page/product is accessible with just 3 clicks). The website is mobile friendly and loads quite fast.
Primary — Electric Magenta: #E514C5
Used for the big masthead title, product titles, and prices. Bold, high-energy accent against dark and light backgrounds.
Near-Black: #121212
Full-bleed header/footer background and key text. Sets a high-contrast stage for the brand magenta.
Warm Sand: #CFB28A
The intro/hero band under the header. Adds warmth that fits the brand’s Afro-centric aesthetic.
Pure White: #FEFEFE
Main shop canvas to keep product thumbnails clean and bright.
Soft Lilac: #9993C8 (range across cards: #9690BB → #A39DD0)
Subtle background tint visible in product imagery/tiles, giving the grid a cohesive, fashionable feel.
Lavender Mist: #EFC0EA
A gentle secondary accent that complements the magenta in lighter UI bits.
Taupe Gray: #83777A
Supporting neutral seen in UI text and image backdrops; keeps the palette grounded.
Charcoal Brown: #453734
Deep neutral that appears in shadows/borders and some text, pairing well with the sand tone.
Copper Brown: #AA553B
Occasional warm accent from product imagery that harmonizes with the Warm Sand band.