Round two
Every colour below comes out of the logo. Same four hues in all three, just a different one carrying the page. Nothing here is a new colour family, so whichever you pick, the bottles, the labels and the packaging still match.
Yellow carries the page and white is the rest stop. Loudest, most poster-like, hardest to ignore in a feed. Best if the brand wants to feel like a party.
Red only. If it is red, it does something.
Yellow is the ground and the highlight, never a primary button on light.
3px ink borders and hard offset shadows. No gradients anywhere.
| Sample | Pair | Ratio | WCAG |
|---|---|---|---|
| Ink on brand yellow | #182022 on #FBBC42 | 9.75:1 | AA |
| White on action red | #FFFFFF on #C42D12 | 5.63:1 | AA |
| Yellow on ink | #FBBC42 on #182022 | 9.75:1 | AA |
| Ink on white | #182022 on #FFFFFF | 16.55:1 | AA |
| White on agave deep | #FFFFFF on #40598F | 6.9:1 | AA |
Ink carries the page, yellow is the light in the dark. Most premium and most cinematic. Photography looks expensive on it. Best if the brand wants to feel like craft barbecue.
Red for the primary CTA, yellow for add to cart inside dark cards.
Yellow glow on hover, blue only in the background wash.
One white break band for the merch, so the dark never gets claustrophobic.
| Sample | Pair | Ratio | WCAG |
|---|---|---|---|
| White on ink deep | #FFFFFF on #0E1416 | 18.58:1 | AA |
| Yellow on ink deep | #FBBC42 on #0E1416 | 10.95:1 | AA |
| Body grey on ink deep | #B9C2C4 on #0E1416 | 10.24:1 | AA |
| White on action red | #FFFFFF on #C42D12 | 5.63:1 | AA |
| Ink on yellow, add to cart | #182022 on #FBBC42 | 9.75:1 | AA |
White carries the page, ink does the talking, red does the selling. Quietest and the easiest to scan. Best if the priority is conversion rate over personality.
Red, on a full width add to cart button in every card.
Yellow appears three times on the whole page. It points, it does not shout.
Short hero so the grid lands above the fold. Density over drama.
| Sample | Pair | Ratio | WCAG |
|---|---|---|---|
| Ink on white | #182022 on #FFFFFF | 16.55:1 | AA |
| Body grey on white | #4A5658 on #FFFFFF | 7.6:1 | AA |
| White on action red | #FFFFFF on #C42D12 | 5.63:1 | AA |
| Agave ink on white | #40598F on #FFFFFF | 6.9:1 | AA |
| Ink on yellow band | #182022 on #FBBC42 | 9.75:1 | AA |
Compare
All three are complete, working homepages. Same products, same photography plan, same Shopify structure. Only the ground and the architecture change.
Poster hero on a hard vertical split, bento collection mosaic, horizontal product rail.
Full viewport dark hero, sticky category rail, glowing product cards, gradient burn scale.
USP bar, search-led header, short hero, dense grid, bundle builder, heat comparison table.