K

BUILDING A BRAND PALETTE

← All colour tools

A real-world walkthrough: how the KullGames palette — gold on deep indigo — was pulled straight from a Pacific Northwest sunset and tuned into a usable system.

PNW wheat field at golden hour

Start from a photo you love

The brand began with a golden-hour shot over the wheat: a warm sun against a cool dusk sky. Source colour from something real and the palette feels grounded, not arbitrary.

Pull the dominant + accent

Two colours carry a brand. Here: the deep indigo of the sky (calm, serious, the ground everything sits on) and the sun's gold (warm, energetic — the accent).

#34234F#F5C542

Build a value ramp

Each anchor gets lighter and darker steps for surfaces, borders and text — so the two colours can carry an entire UI, not just a logo.

inkdeepmutedambergoldsoft

Add functional colours

Greens, blues and reds for "online", "info" and "error" — borrowed from the same landscape (forest, lake, berry) so they belong to the family.

liveinfoerror

Test the contrast

Gold text on indigo, indigo text on gold, body on paper — every pair checked to clear WCAG AA before it ships. A palette that fails contrast isn't finished.

The result
#34234F#1B1128#9A6A00#F5C542#FFF4CC

Two anchors, a ramp each, a few functional hues pulled from the same source. That's a complete brand palette — and it all came from one photo.

Further reading — building brand colour systems
Colour schemeWikipedia Brand & identityWikipedia Web colours & hexWikipedia WCAG contrast (test your palette)W3C