A deep harbor-water blue-green that reads almost black in dim light but opens into teal under full sun.
Blood Orange Splash
#E8622C
rgb(232, 98, 44)
A juicy, slightly smoky orange pulled from the flesh of a halved blood orange at midday.
Lemon Rind Gold
#F2C14E
rgb(242, 193, 78)
A warm, slightly dusty yellow-gold like the outer peel of a ripe lemon left out in the sun.
Sandbar Cream
#F7E8C4
rgb(247, 232, 196)
A pale, buttery cream with a faint peach undertone, like dry sand just above the waterline.
Beachside Citrus sets a near-black harbor navy against three warm fruit tones, so the eye lands on the orange and gold before noticing the dark water color at all. Blood Orange Splash carries real saturation — bold enough to work as a primary accent rather than a highlight — while Lemon Rind Gold tempers that intensity with a dustier, less neon yellow. Sandbar Cream gives the group a quiet resting point instead of letting four strong hues compete on equal footing. Together they read like a produce stand at a coastal market: dense color up front, shade and sand behind it.
Sponsors
Citrus and seafood brands can use Blood Orange Splash and Lemon Rind Gold as the loud, appetite-driving colors on packaging or menus, reserving Tidewater Navy for logo marks and footer bars where a calmer tone reads better. Travel and hospitality sites built around beach towns or boardwalk markets might open a homepage in Sandbar Cream and drop the orange in sparingly — a button, a badge, a single callout — so it still feels special on the page. Surf shops, fruit stands, and summer festival branding all share the same instinct this set follows: strong color for energy, pale neutral for breathing room. Each of the four hues sits far enough apart on the wheel that it stays legible even in small doses like icons or tags.
For text, Tidewater Navy on Sandbar Cream clears comfortable contrast for body copy, while white text sits cleanly on both Blood Orange Splash and the navy itself. Lemon Rind Gold reads strongest as a small accent — a border, an icon fill, a hover state — because large blocks of it next to white can wash out on low-end screens. Export the set as CSS custom properties or a small Sass map so the orange and gold stay consistent across buttons, badges, and callouts sitewide. If a layout needs a fifth tone, a light gray near Sandbar Cream's value prevents card backgrounds from fighting with the brighter citrus colors.
