color palettesButter & blue
Soft
A pale yellow morning with a blue horizon.
Color / A considered starting point
Yellow color palettes.
Use yellow and gold as page warmth, selected fills or small highlights, with a darker color carrying the reading hierarchy.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Ochre & olive
Earthy
Golden-hour color with an olive undertone.
Signal red
Bold
A precise red accent for things worth noticing.
Purple punctuation on a sunny page.
Poster yellow
Bold
Ink, paper, and a confident yellow.
Blue lacquer
Bold
Polished blue and a soft gold flash.
Amber petrol
Bold
Petrol blue with an amber highlight.
Emerald saffron
Bold
Fresh green with a golden spice note.
Lemon linen
Soft
Pale lemon, softened by blue-gray.
Soft apricot with a chamomile glow.
Peony parchment
Soft
Peony pink on warm parchment.
Cream periwinkle
Soft
Warm cream and a calm blue vocabulary.
Walnut canvas
Earthy
Walnut depth on unbleached canvas.
Ochre slate
Earthy
Warm ochre and cool architectural slate.
Tidal reed
Earthy
Marsh green with dry reed highlights.
Juniper gold
Earthy
Evergreen depth with a gentle gold.
Night porcelain
Dark
Blue-black pages with porcelain type.
Deep lagoon
Dark
A deep lagoon lit by pale sand.
Forest neon
Dark
A forest base with brighter leaf details.
Storm lemon
Dark
Storm blue with a clear lemon marker.
Mulberry gold
Dark
Mulberry night and a soft gold edge.
Burnt honey
Warm
Honey warmth with a darker toasted edge.
Golden rye
Warm
Golden rye with a flour-colored base.
Saffron plum
Warm
Saffron paper with plum-brown ink.
Charcoal type with a marigold burst.
Flax black
Minimal
Flax paper and a firm dark anchor.
Make the colors work
More than a set of swatches.
Decide whether yellow is the paper or the highlight
Butter & Blue uses a pale yellow page with deeper blue actions. Poster Yellow reserves a brighter yellow for emphasis beside a quieter green-gray structure. Both keep the body copy dark instead of asking yellow to do every job.
Check the required boundary separately
A yellow fill can be perfectly readable with a dark label and still blend into a pale page. When its boundary is needed to recognize a control, inspect that adjacent pair too. A label check alone does not cover the entire button.
Treat gold as a digital color
The hex values describe flat sRGB colors; they do not simulate metallic material or guarantee a printed finish. For a restrained website, try the golden color on small badges and retain plain dark text for prices, dates and instructions.