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 luxuryArchitecture and design portfolios; a near-white with a warm floor.
Not for: Anything with status — there is no colour budget left.
Almanac
ReadingReference and tabular text with a green used only for confirmations.
Not for: Emotional marketing — it reads as a records office.
Ash Silk
Quiet luxuryEditorial fashion layouts with a grey that is faintly violet, never blue.
Not for: Any interface needing a call to action.
Balloon String
PlayfulCelebration states and confetti moments after a task completes.
Not for: Everyday chrome — a party palette wears out fast.
Basalt
Long sessionsA 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 screensPlayful marketing sections where five stripes is the whole layout.
Not for: Data — the hues are spread for cheer, not for separation.
Big Sign
Brand pagesAbove-the-fold statements where red has to arrive before the text.
Not for: Anything with error states — the red is taken.
Billboard Dusk
Brand pagesHero 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 sessionsInterfaces 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 pagesCampaign 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 luxuryHospitality and interiors; warm, pale, and completely unhurried.
Not for: Dark mode — this palette exists only in the light.
Bookbinder
ReadingEditorial layouts wanting an oxblood and a bottle green for structure.
Not for: Modern SaaS chrome — the pairing reads bound and printed.
Broadcast
Brand pagesNews and media brands wanting a confident blue and an alert orange.
Not for: Calm products — this pairing signals urgency by default.
Bubblegum Stand
PlayfulConsumer social features — reactions, streaks, light gamification.
Not for: Financial or medical data of any kind.
Candy Counter
PlayfulRetail promotions for younger audiences; sweet and unmistakably temporary.
Not for: Trust-building surfaces — payment, security, account recovery.
Card Index
Back officeRecord browsers with hundreds of rows and one selected state.
Not for: Data visualisation — the chroma ceiling is far too low.
Cashmere
Quiet luxuryWellness and lifestyle brands that want warmth without sweetness.
Not for: Alerts — nothing here can raise its voice.
Chalk Box
PlayfulKids' products and light onboarding; five tints, no dark anchor.
Not for: Body text — not one of these can carry a sentence.
Champagne Chalk
Quiet luxuryInvitations 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 sessionsLong-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 screensCategory tiles that need five equals rather than a hierarchy.
Not for: Body text on any of these — none is dark enough.
Clerk
Back officeHigh-volume data entry where the interface should disappear.
Not for: Brand differentiation — this is deliberately anonymous.
Cold Storage
Long sessionsMonitoring 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 screensCommerce landings where the coral is the button and nothing else.
Not for: Health interfaces — coral sits too near a danger red.
Cotton Rag
ReadingMinimal writing surfaces where the only real colour is the text.
Not for: Charts, dashboards, anything with a legend.
Crayon Tin
PlayfulCreative tools aimed at beginners, where the toolbar is the fun part.
Not for: Colour-accurate work — the palette contaminates the canvas.
Datum Line
ChartsSparklines 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 sessionsLong analytical sessions that still want a recognisable violet cast.
Not for: Financial red/green readouts — the violet cast bends both.
Depot
Back officeInventory 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 pagesA 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
ChartsStacked areas and maps; the lightness ladder survives greyscale printing.
Not for: Brand work — no one colour is allowed to lead.
Filing Cabinet
Back officeAdmin tables where colour is spent only on what needs action.
Not for: Marketing — there is no persuasion in this set.
Five Stations
ChartsCategorical comparisons where the categories have no natural order.
Not for: Sequential data — the hue jumps imply differences that are not there.
Fog Bank
Quiet luxuryPhotography portfolios where the chrome must vanish behind the work.
Not for: Charts, legends, and any five-way comparison.
Foolscap
ReadingNote-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
ChartsReal-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 sessionsDeveloper surfaces wanting a cast that is not the usual blue.
Not for: Anything selling — this palette has no closing argument.
Harbor Night
Long sessionsA 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 pagesSingle-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 pagesPrint-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 sessionsWriting 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
ChartsDense gauges and small multiples read at a glance.
Not for: Long-form reading — nothing here is a text colour.
Inventory
Back officeStock and fulfilment screens that run all day on a warehouse monitor.
Not for: Small screens — the mid steps merge at phone brightness.
Kite Day
PlayfulEmpty states and illustrations where the art carries the screen.
Not for: Text on colour — every combination here fails contrast.
Ledger Grey
Back officeAccounting screens; a warm grey so the figures do not look cold.
Not for: Charts — two of these steps are indistinguishable at 12px.
Legend Row
ChartsChart legends with five entries that must survive being 12px squares.
Not for: Full-bleed backgrounds — every colour is mid-weight.
Lemonade Day
First screensEmpty states and success moments — light, and clearly not neutral.
Not for: Warning colours — the palette is already sitting on yellow.
Linen Press
ReadingDocumentation sites; the near-white top step is the reading surface.
Not for: Brand pages — this palette refuses to raise its voice.
Loud Print
Brand pagesPoster-led layouts where all five colours appear at full size.
Not for: Small UI — none of these work below 24px.
Low Beam
Long sessionsIn-car and low-light instrument panels; warm and deliberately dim.
Not for: Daylight-legible signage — nothing here survives glare.
Mango Stand
First screensAn 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
ReadingArchives 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
ReadingAnnotated and reviewed documents: ink, paper, and a correction red.
Not for: Error states — the red is already doing editorial duty.
Marquee
Brand pagesEvent and entertainment pages that should feel lit from behind.
Not for: Reading — the mid steps vibrate against body text.
Meter Bank
ChartsUtilisation bars and heat rows across many rows at once.
Not for: Photography-led pages — the set overwhelms real images.
Municipal
Back officePublic-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 pagesProduct launches that want to look lit rather than printed.
Not for: Accessibility-first work — the light steps fail on white.
Newsprint
ReadingHigh-density text at small sizes, where any chroma becomes noise.
Not for: Consumer apps — it reads as a wire service.
Night Shift
Long sessionsEvening 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 sessionsMedia 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 officeInternal tools that should look issued rather than designed.
Not for: Consumer onboarding — it reads as somebody else's software.
Oyster
Quiet luxuryHigh-end commerce where photography is the only saturated thing present.
Not for: Data-dense screens — no step separates from its neighbour.
Paint Pot
PlayfulDrawing 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
ReadingLong-form articles: two ink weights, a stock, and one blue for links.
Not for: Charts — there are only two usable series here.
Party Streamer
PlayfulEvent 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 officeFinance back ends that need one blue for links and one amber for holds.
Not for: Emotional moments — nothing here celebrates anything.
Peach Season
First screensConsumer sign-up flows aiming at warmth over authority.
Not for: Financial products — it reads soft, and soft reads unserious.
Pearl Grey
Quiet luxuryMinimal product sites where the type does every piece of the work.
Not for: Accessibility — the mid steps sit below AA against each other.
Playroom
PlayfulEducation products for young readers; friendly without being loud.
Not for: Professional tools — it reads as a children's app immediately.
Plotter
ChartsEngineering charts printed as often as they are viewed.
Not for: Consumer surfaces — it reads as a machine's output.
Poppy Field
First screensA 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 pagesBold editorial covers where the colours are the illustration.
Not for: Product chrome — nothing here recedes.
Quiet Library
ReadingReading 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 luxuryPrivate banking and advisory sites; green so faint it registers as grey.
Not for: Consumer fintech — it signals a minimum balance.
Reading Room
ReadingBook-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
ChartsMulti-metric panels that need five equals and no favourite.
Not for: Storytelling — a chart palette has no narrative order.
Records Room
Back officeArchive and audit tools; a cool grey with the faintest plum in it.
Not for: Charts, hero sections, anywhere colour must lead.
Salt Flat
Quiet luxuryFashion and gallery sites where the product supplies all the colour.
Not for: Charts — the whole set is inside one perceptual step.
Sample Tray
ChartsComparison tables where each column carries its own colour.
Not for: Semantic states — none of these hues means anything yet.
Sherbet Line
First screensLight consumer surfaces that want colour without a single strong voice.
Not for: Accessibility-critical work — every step is a pale tint.
Show Card
Brand pagesAnnouncement pages: one gold, one violet, one sheet of paper.
Not for: Multi-brand systems — this is too particular to host others.
Sidewalk Chalk
PlayfulLight seasonal skins layered over an existing neutral product.
Not for: Permanent brand identity — this is a coat of paint.
Signal Set
ChartsA 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 luxuryConsidered SaaS marketing that wants to look expensive, not loud.
Not for: Playful features — this palette has no sense of humour.
Slate Terminal
Long sessionsCode 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 luxuryDark luxury: a low-key warm grey for spirits, watches, and members' clubs.
Not for: Broad consumer products — it reads exclusive by design.
Spectrum Bench
ChartsScientific plots that need maximum separation across a wide set.
Not for: Anything subtle — this is a test pattern, not a mood.
Steel Desk
Back officeDense CRUD interfaces where every row must look identical.
Not for: Anything hierarchical — the steps are too close to rank.
Sticker Sheet
PlayfulBadge and reward moments where colour is decoration, not signal.
Not for: Anything needing contrast — every step fails against white.
Studio Poster
Brand pagesPortfolio and studio sites pairing a deep violet with a raw yellow.
Not for: Data — two loud families cannot also be a legend.
Submarine
Long sessionsControl-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 screensSeasonal 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 screensOnboarding 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 screensTravel and lifestyle heroes; warm foreground against a cool distance.
Not for: Dense tables — two strong families make rows hard to scan.
Tangerine Sky
First screensBold 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
ChartsDark-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
PlayfulFamily and household products that want warmth over polish.
Not for: Enterprise sales pages — it undercuts the price.
Vellum
ReadingPremium 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 officeOperations and logistics screens built for scanning, not dwelling.
Not for: Brand pages — no step here wants to be photographed.
Watermelon Stall
First screensBright product grids where each card needs its own identity.
Not for: Anything sober; this is a fruit stand, not a bank.