CodeChroma Colour-rich code for UK makers

CodeChroma

Colour-rich code for UK makers

Latest Articles

Bulbs, Bloom and Budget: Coding a Piccadilly Marquee That Glows Without Melting the GPU
Colour Inspiration

Bulbs, Bloom and Budget: Coding a Piccadilly Marquee That Glows Without Melting the GPU

A practical WebGL build for a West End-style theatre marquee, covering warm bulb colour, instanced geometry, human-looking failures, reduced-motion fallbacks and a performance budget that keeps the glow on a mid-range laptop.

Ten High-Street Colour Recipes, From Chip Paper Cream to Chemist Cross Green
Accessibility & Colour Systems

Ten High-Street Colour Recipes, From Chip Paper Cream to Chemist Cross Green

A colour-rich audit of ten familiar UK shopfront types, turned into practical CSS custom-property palettes and tested for contrast without tipping into nostalgic pastiche.

Forecast-Driven Hues: Wiring Live UK Weather into an OKLCH Sketch
Accessibility & Colour Systems

Forecast-Driven Hues: Wiring Live UK Weather into an OKLCH Sketch

A practical walkthrough for pulling UK forecast data into a small JavaScript or p5.js sketch, then mapping rain, temperature and wind into a restrained OKLCH palette. Includes API-key handling, sensible caching, and fallbacks for when the feed — like the weather — refuses to cooperate.

Departures, Dyes and Data: Turning UK Rail Ephemera into CSS Palettes
Colour Inspiration

Departures, Dyes and Data: Turning UK Rail Ephemera into CSS Palettes

Orange-banded tickets, amber departure boards and folded timetable cards are accidental colour systems built for function. Here are five found palettes from UK rail ephemera, plus a small browser tool for sampling your own and turning them into accessible CSS custom properties.

Colour Inspiration

Blue from Woad, Red from Madder: Mixing Britain’s Dye Garden in GLSL

Woad, madder and weld are not Pantone chips, and a shader is not a dye vat. But translating historic British dye colours into GLSL is a useful exercise in restraint, spectral honesty and knowing when digital mixing lies to you.

When the Sky Clocks Off Early: A Seasonal Palette for UK Websites
Accessibility & Colour Systems

When the Sky Clocks Off Early: A Seasonal Palette for UK Websites

Fixed light and dark modes treat the British day like a switch, but our winters fade by mid-afternoon and our summers stretch past nine. Here is a small, accessible system for shifting palette temperature and contrast with the sun — without turning your site into a gimmick.

Laying Bricks in Code: Procedural British Materials for p5.js Sketches
Colour Inspiration

Laying Bricks in Code: Procedural British Materials for p5.js Sketches

London stock brick, Welsh slate, weathered copper and Portland stone all have a colour story worth stealing. This hands-on p5.js guide shows how to sample those references, layer noise and repeat patterns, keep sketches light in the browser, and export tiles you can actually use.

Beyond the Muted Middle: A Bolder Colour System That Still Behaves
Accessibility & Colour Systems

Beyond the Muted Middle: A Bolder Colour System That Still Behaves

Too many UK creative tools look like they were designed in the same grey waiting room. Here is a practical argument for colour with a point of view — plus a token structure, testing routine and checklist for teams that want to stand out without breaking usability.

Salt, Slate and Sea Glass: Ten UK Coastal Palettes for Generative Makers
Colour Inspiration

Salt, Slate and Sea Glass: Ten UK Coastal Palettes for Generative Makers

Forget generic trend palettes. These ten British coastal landscapes give you ready-to-use hex, HSL and OKLCH colours, plus creative-coding prompts for p5.js, Three.js and CSS heroes.

Contrast Without the Beige: An OKLCH Palette Workflow for UK Public-Sector Sites
Accessibility & Colour Systems

Contrast Without the Beige: An OKLCH Palette Workflow for UK Public-Sector Sites

Accessible colour does not have to mean grey buttons and apologetic links. Here is a practical OKLCH and token workflow for UK public-sector and charity sites that keeps brand colour rich while meeting WCAG 2.2 contrast checks, with a starter palette and a p5.js ratio preview.