Colour palettes,
each told where it belongs

Finding five colours that look good together was never the hard part. Knowing which five belong on a trading screen and which five belong on a children’s app is the hard part, and no palette gallery answers it. So every palette here states the job it is for — and the job it will fail at, in the same weight of type.

new palettes added daily · none of these hex values were picked by hand, they are derived in OKLCH from a stated recipe · the chart palettes clear CIEDE2000 14 on every pair under three kinds of colour blindness

Filter by the job, not by the hue.

Alabaster

Quiet luxury

Architecture and design portfolios; a near-white with a warm floor.

Not for: Anything with status — there is no colour budget left.

Almanac

Reading

Reference and tabular text with a green used only for confirmations.

Not for: Emotional marketing — it reads as a records office.

Ash Silk

Quiet luxury

Editorial fashion layouts with a grey that is faintly violet, never blue.

Not for: Any interface needing a call to action.

Balloon String

Playful

Celebration states and confetti moments after a task completes.

Not for: Everyday chrome — a party palette wears out fast.

Basalt

Long sessions

A near-neutral dark with a faint warm tilt, so black never goes blue.

Not for: Charts needing five separable series — the chroma is too low.

Beach Towel

First screens

Playful marketing sections where five stripes is the whole layout.

Not for: Data — the hues are spread for cheer, not for separation.

Big Sign

Brand pages

Above-the-fold statements where red has to arrive before the text.

Not for: Anything with error states — the red is taken.

Billboard Dusk

Brand pages

Hero sections that travel from magenta into deep blue on one run.

Not for: Charts — a sequential run implies an order data may not have.

Blue Hour

Long sessions

Interfaces that open at dusk and stay open; the top step is a usable surface.

Not for: Print — the range collapses on paper.

Bold Serve

Brand pages

Campaign pages needing a single loud red and a green to answer it.

Not for: Back-office tooling — it will not survive a spreadsheet.

Bone China

Quiet luxury

Hospitality and interiors; warm, pale, and completely unhurried.

Not for: Dark mode — this palette exists only in the light.

Bookbinder

Reading

Editorial layouts wanting an oxblood and a bottle green for structure.

Not for: Modern SaaS chrome — the pairing reads bound and printed.

Broadcast

Brand pages

News and media brands wanting a confident blue and an alert orange.

Not for: Calm products — this pairing signals urgency by default.

Bubblegum Stand

Playful

Consumer social features — reactions, streaks, light gamification.

Not for: Financial or medical data of any kind.

Candy Counter

Playful

Retail promotions for younger audiences; sweet and unmistakably temporary.

Not for: Trust-building surfaces — payment, security, account recovery.

Card Index

Back office

Record browsers with hundreds of rows and one selected state.

Not for: Data visualisation — the chroma ceiling is far too low.

Cashmere

Quiet luxury

Wellness and lifestyle brands that want warmth without sweetness.

Not for: Alerts — nothing here can raise its voice.

Chalk Box

Playful

Kids' products and light onboarding; five tints, no dark anchor.

Not for: Body text — not one of these can carry a sentence.

Champagne Chalk

Quiet luxury

Invitations and event pages with a gold too pale to be gaudy.

Not for: Screens read in sunlight — the range collapses under glare.

Charcoal Pine

Long sessions

Long-running back ends where a green cast keeps the grey from going dead.

Not for: Success/failure semantics — the whole ground is already green.

Citrus Grove

First screens

Category tiles that need five equals rather than a hierarchy.

Not for: Body text on any of these — none is dark enough.

Clerk

Back office

High-volume data entry where the interface should disappear.

Not for: Brand differentiation — this is deliberately anonymous.

Cold Storage

Long sessions

Monitoring walls left running all day; almost no chroma to fatigue the eye.

Not for: Marketing — there is nothing here that wants attention.

Coral Market

First screens

Commerce landings where the coral is the button and nothing else.

Not for: Health interfaces — coral sits too near a danger red.

Cotton Rag

Reading

Minimal writing surfaces where the only real colour is the text.

Not for: Charts, dashboards, anything with a legend.

Crayon Tin

Playful

Creative tools aimed at beginners, where the toolbar is the fun part.

Not for: Colour-accurate work — the palette contaminates the canvas.

Datum Line

Charts

Sparklines and inline data that must read at very small sizes.

Not for: Large fills — at scale the set looks like a beach ball.

Deep Field

Long sessions

Long analytical sessions that still want a recognisable violet cast.

Not for: Financial red/green readouts — the violet cast bends both.

Depot

Back office

Inventory and dispatch views with a faint green so grey is not the whole story.

Not for: Success semantics — the ground is already the success colour.

Electric Awning

Brand pages

A launch page built around one violet that turns blue as it lifts.

Not for: Long sessions — this chroma is exhausting past a minute.

Field Survey

Charts

Stacked areas and maps; the lightness ladder survives greyscale printing.

Not for: Brand work — no one colour is allowed to lead.

Filing Cabinet

Back office

Admin tables where colour is spent only on what needs action.

Not for: Marketing — there is no persuasion in this set.

Five Stations

Charts

Categorical comparisons where the categories have no natural order.

Not for: Sequential data — the hue jumps imply differences that are not there.

Fog Bank

Quiet luxury

Photography portfolios where the chrome must vanish behind the work.

Not for: Charts, legends, and any five-way comparison.

Foolscap

Reading

Note-taking and drafting tools; a cream that does not glare at night.

Not for: Photography — the warm cast contaminates every image on it.

Gauge Cluster

Charts

Real-time readouts where warm and cool must both be present.

Not for: Danger semantics — a warm hue is already in the middle of the set.

Graphite Moss

Long sessions

Developer surfaces wanting a cast that is not the usual blue.

Not for: Anything selling — this palette has no closing argument.

Harbor Night

Long sessions

A night-shift tool where the brightest step still sits below mid grey.

Not for: Any screen read in daylight — the top step is too dark to be a page.

Headline

Brand pages

Single-message pages where the top step is the page and the rest is type.

Not for: Anything needing a second accent — this palette allows one.

Hot Press

Brand pages

Print-inspired brand work with a vermilion that stays hot throughout.

Not for: Dark mode — the run has no upper neutral to become a surface.

Ink Well

Long sessions

Writing tools at night, where the page should be the lightest thing present.

Not for: Dashboards — five steps this dark cannot separate as data.

Instrument Panel

Charts

Dense gauges and small multiples read at a glance.

Not for: Long-form reading — nothing here is a text colour.

Inventory

Back office

Stock and fulfilment screens that run all day on a warehouse monitor.

Not for: Small screens — the mid steps merge at phone brightness.

Kite Day

Playful

Empty states and illustrations where the art carries the screen.

Not for: Text on colour — every combination here fails contrast.

Ledger Grey

Back office

Accounting screens; a warm grey so the figures do not look cold.

Not for: Charts — two of these steps are indistinguishable at 12px.

Legend Row

Charts

Chart legends with five entries that must survive being 12px squares.

Not for: Full-bleed backgrounds — every colour is mid-weight.

Lemonade Day

First screens

Empty states and success moments — light, and clearly not neutral.

Not for: Warning colours — the palette is already sitting on yellow.

Linen Press

Reading

Documentation sites; the near-white top step is the reading surface.

Not for: Brand pages — this palette refuses to raise its voice.

Loud Print

Brand pages

Poster-led layouts where all five colours appear at full size.

Not for: Small UI — none of these work below 24px.

Low Beam

Long sessions

In-car and low-light instrument panels; warm and deliberately dim.

Not for: Daylight-legible signage — nothing here survives glare.

Mango Stand

First screens

An opening screen that has to feel like somewhere warm within a second.

Not for: Long forms — this much saturation gets tiring by field four.

Manuscript

Reading

Archives and long documents; every step is a shade of the same paper.

Not for: Status systems — there is no colour left over for meaning.

Margin Note

Reading

Annotated and reviewed documents: ink, paper, and a correction red.

Not for: Error states — the red is already doing editorial duty.

Marquee

Brand pages

Event and entertainment pages that should feel lit from behind.

Not for: Reading — the mid steps vibrate against body text.

Meter Bank

Charts

Utilisation bars and heat rows across many rows at once.

Not for: Photography-led pages — the set overwhelms real images.

Municipal

Back office

Public-service forms: a civic blue, a confirmation green, a clean sheet.

Not for: Playful products — this palette has a queue and a ticket number.

Neon Kiosk

Brand pages

Product launches that want to look lit rather than printed.

Not for: Accessibility-first work — the light steps fail on white.

Newsprint

Reading

High-density text at small sizes, where any chroma becomes noise.

Not for: Consumer apps — it reads as a wire service.

Night Shift

Long sessions

Evening reading modes; the warm tilt is the point, not a defect.

Not for: Colour-critical work — everything is being pulled toward amber.

Obsidian Tide

Long sessions

Media and player chrome that has to sit under artwork without fighting it.

Not for: Text-dense reading — the chroma climbs too fast at the mid steps.

Office Blind

Back office

Internal tools that should look issued rather than designed.

Not for: Consumer onboarding — it reads as somebody else's software.

Oyster

Quiet luxury

High-end commerce where photography is the only saturated thing present.

Not for: Data-dense screens — no step separates from its neighbour.

Paint Pot

Playful

Drawing and craft apps; the palette is a set of materials, not a theme.

Not for: Reporting — no two of these read as more or less than each other.

Paper Mill

Reading

Long-form articles: two ink weights, a stock, and one blue for links.

Not for: Charts — there are only two usable series here.

Party Streamer

Playful

Event and community pages that should look like a good afternoon.

Not for: Dense information — five equals with no anchor is hard to scan.

Payroll

Back office

Finance back ends that need one blue for links and one amber for holds.

Not for: Emotional moments — nothing here celebrates anything.

Peach Season

First screens

Consumer sign-up flows aiming at warmth over authority.

Not for: Financial products — it reads soft, and soft reads unserious.

Pearl Grey

Quiet luxury

Minimal product sites where the type does every piece of the work.

Not for: Accessibility — the mid steps sit below AA against each other.

Playroom

Playful

Education products for young readers; friendly without being loud.

Not for: Professional tools — it reads as a children's app immediately.

Plotter

Charts

Engineering charts printed as often as they are viewed.

Not for: Consumer surfaces — it reads as a machine's output.

Poppy Field

First screens

A hero that needs one loud red and something green to steady it.

Not for: Alert semantics — the loudest colour here is already spent.

Poster Paint

Brand pages

Bold editorial covers where the colours are the illustration.

Not for: Product chrome — nothing here recedes.

Quiet Library

Reading

Reading apps that prefer a cool page over a cream one.

Not for: Warm imagery — the page fights every skin tone placed on it.

Quiet Money

Quiet luxury

Private banking and advisory sites; green so faint it registers as grey.

Not for: Consumer fintech — it signals a minimum balance.

Reading Room

Reading

Book-length text where the page is warm and the ink is nearly black.

Not for: Anything needing a call to action — no step steps forward.

Readout

Charts

Multi-metric panels that need five equals and no favourite.

Not for: Storytelling — a chart palette has no narrative order.

Records Room

Back office

Archive and audit tools; a cool grey with the faintest plum in it.

Not for: Charts, hero sections, anywhere colour must lead.

Salt Flat

Quiet luxury

Fashion and gallery sites where the product supplies all the colour.

Not for: Charts — the whole set is inside one perceptual step.

Sample Tray

Charts

Comparison tables where each column carries its own colour.

Not for: Semantic states — none of these hues means anything yet.

Sherbet Line

First screens

Light consumer surfaces that want colour without a single strong voice.

Not for: Accessibility-critical work — every step is a pale tint.

Show Card

Brand pages

Announcement pages: one gold, one violet, one sheet of paper.

Not for: Multi-brand systems — this is too particular to host others.

Sidewalk Chalk

Playful

Light seasonal skins layered over an existing neutral product.

Not for: Permanent brand identity — this is a coat of paint.

Signal Set

Charts

A five-series line chart where the reader must never trace the wrong line.

Not for: Page chrome — these are data colours, too loud for furniture.

Slate Linen

Quiet luxury

Considered SaaS marketing that wants to look expensive, not loud.

Not for: Playful features — this palette has no sense of humour.

Slate Terminal

Long sessions

Code and log surfaces where syntax colour has to sit on top and win.

Not for: Anywhere the palette itself is supposed to be the personality.

Smoke Room

Quiet luxury

Dark luxury: a low-key warm grey for spirits, watches, and members' clubs.

Not for: Broad consumer products — it reads exclusive by design.

Spectrum Bench

Charts

Scientific plots that need maximum separation across a wide set.

Not for: Anything subtle — this is a test pattern, not a mood.

Steel Desk

Back office

Dense CRUD interfaces where every row must look identical.

Not for: Anything hierarchical — the steps are too close to rank.

Sticker Sheet

Playful

Badge and reward moments where colour is decoration, not signal.

Not for: Anything needing contrast — every step fails against white.

Studio Poster

Brand pages

Portfolio and studio sites pairing a deep violet with a raw yellow.

Not for: Data — two loud families cannot also be a legend.

Submarine

Long sessions

Control-room interfaces that want depth without going fully monochrome.

Not for: Health and safety states — the teal reads as calm even at alert.

Summer Awning

First screens

Seasonal campaigns; reads as canvas and sunlight rather than as UI.

Not for: Year-round product chrome — it dates the screen to one season.

Sunrise Ferry

First screens

Onboarding runs where every step should feel lighter than the last.

Not for: Dark mode — there is no dark anchor to invert to.

Sunset Pier

First screens

Travel and lifestyle heroes; warm foreground against a cool distance.

Not for: Dense tables — two strong families make rows hard to scan.

Tangerine Sky

First screens

Bold app opens that want to travel from orange into gold on one run.

Not for: Text-heavy pages — the chroma never drops enough to read against.

Test Bench

Charts

Dark-mode dashboards; the set is pitched below the ground it sits on.

Not for: Light backgrounds — the darkest steps disappear into the border.

Toy Shelf

Playful

Family and household products that want warmth over polish.

Not for: Enterprise sales pages — it undercuts the price.

Vellum

Reading

Premium long-form with a page just off white and ink just off black.

Not for: Dark mode — inverting this loses the whole material story.

Warehouse

Back office

Operations and logistics screens built for scanning, not dwelling.

Not for: Brand pages — no step here wants to be photographed.

Watermelon Stall

First screens

Bright product grids where each card needs its own identity.

Not for: Anything sober; this is a fruit stand, not a bank.