Color & Palettes — Elements

Color Elements

Aurora / Gradient Mesh, drawn by Aesthetary as an illustration of the Element (not a real site)

Aurora / Gradient MeshDrawn from the record

Pastel palette, drawn by Aesthetary as an illustration of the Element (not a real site)

Try a palette on a page

One fictional page, drawn once. Pick a palette below to recolour it; the contrast line reuses that palette's own computed numbers.

Selected palette

Kessler Feld, typesettingWorkFacesBook a proof

New

Proofs set in two days.

Send the copy, pick a face, approve the proof.

Book a proofSee faces

Proof request

One page, up to 600 words.

Deadline

12 May

Choose a date after today.

Fictional, made by AesthetaryKessler Feld, typesetting: a type studio’s booking page, set in Flat Signal. The input shows its focus ring.

Text on canvas: 17.11:1

Palettes from the Aesthetics

Each palette follows the color rules documented for one Aesthetic. The sources describe colors in words, never as exact values, so every shade here is Aesthetary’s choice; where a source names a color, the palette quotes it. Each band is as wide as the share of a page that color covers. Open a palette to see it in use, with its roles, its contrast and the colors that are not for text.

Paper and ink

A paper ground and one ink; color is rare or absent, by the documented rule.

#F7F5F0, canvas, 70%. #EEEBE3, surface, 15%. #1C1C1A, text and primary action, 12%. #6F6C66, muted text, 3%. Unbleached

From Japanese Minimalism Unbleached paper tones and near-black ink, moving away from vivid color toward quiet natural hues.

#F6ECDC, canvas, 55%. #EDD6A8, surface, 15%. #5C4434, second surface, 5%. #443228, text, 12%. #6B5138, muted text, 4%. #8C4A26, primary action and accent, 9%. Brown Key

From Storybook A dark-brown key line and soft warm tints on a warm paper leaf, with as few colors as needed.

#FDFDFB, canvas, 75%. #F3F3F0, surface, 8%. #141412, text and primary action, 14%. #4A4A45, muted text, 3%. Black Blade

From Editorial Modernism · Light and Dark White space is the largest thing on the page, cut by black type; color belongs to the photographs.

#E9E0C8, canvas, 50%. #F1EAD6, surface, 25%. #2A241A, text and primary action, 14%. #5C5138, muted text, 3%. #2E4470, secondary action, 3%. #7A3B2E, accent, 5%. Red Line, Blue Number

From Archival One brown-black ink on aged card stock, with red for subject headings and blue for call numbers.

#F5F1EA, canvas, 55%. #FBF8F3, surface, 15%. #ECE5D9, second surface, 8%. #2F2B27, text, 10%. #5E5750, muted text, 3%. #6B5237, primary action, 4%. #C9A27C, accent, 3%. #8E9A86, fill 1, 2%. Wood and White

From Scandinavian Minimalism Pale, warm neutrals with oak-brown for action, and no cool gray anywhere.

#F2F0EA, canvas, 55%. #FAF9F5, surface, 8%. #111111, text and primary action, 17%. #4D4B46, muted text, 2%. #B8006A, accent, 3%. #E6007E, fill 1, 6%. #009BD1, fill 2, 5%. #FFD500, fill 3, 4%. Stacked Film

From New Wave Typography Black type on paper is complete; color arrives only as flat, overlapping layers of film.

One color, one job

A neutral page and a single accent whose hue is free. The difference is the accent’s job.

#F2F2EF, canvas, 60%. #FFFFFF, surface, 15%. #0E0F10, text, 12%. #66696C, muted text, 3%. #43464A, secondary action, 2%. #CFCFC9, border, 2%. #B02A10, primary action, 6%. Flat Signal

From Swiss Style A light near-neutral ground, near-black type and one flat color that does one job at a time.

#FFFFFF, canvas, 62%. #F7F7F8, surface, 15%. #0F1115, text, 12%. #5B6270, muted text, 4%. #E6E7EB, border, 2%. #F5A524, primary action, 5%. Single Action

From Modern SaaS A near-white page where one saturated color marks the primary action and nothing else.

Saturated fields

Flat, loud color laid as fields, with text kept off it.

#FFF4E0, canvas, 40%. #FFFFFF, surface, 15%. #000000, text, 15%. #FF7A45, primary action, 8%. #FFC900, accent, 6%. #FF90E8, fill 1, 6%. #7BF1A8, fill 2, 5%. #90A8ED, fill 3, 5%. Outline and Fill

From Neo-Brutalism Black outlines and black text over flat, saturated fills, with nothing soft or muted.

#F3EAD7, canvas, 45%. #FBF6EA, surface, 10%. #2B2622, text, 10%. #5E554C, muted text, 3%. #E2B33C, primary action, 8%. #256A66, accent, 4%. #D19A3A, fill 1, 5%. #2E7F7A, fill 2, 10%. #B5562B, fill 3, 5%. Flat Fields

From Mid-Century Modern Flat, unmodulated fields of bright ink on a grained paper ground, with type framed by a color background.

#050505, canvas, 60%. #121512, surface, 8%. #E8E8E8, text, 10%. #C8D2DC, muted text, 4%. #39FF14, primary action and accent, 13%. #FF1AC6, fill 1, 5%. Chemical Green

From Acid Graphics · Dark Toxic green leads at full saturation on black, with pale gray for reading text.

#DFE4F2, canvas, 40%. #F4F5FB, surface, 25%. #1D2340, text, 10%. #4A5170, muted text, 3%. #3B3FD8, primary action, 4%. #6C79A3, accent, 4%. #FF9ADF, fill 1, 7%. #A6C8FF, fill 2, 7%. Tinted Plastic

From Y2K Pastel-metallic grounds and brightly tinted, see-through plastic color, with reading text kept on pearl.

#FFFFFF, canvas, 40%. #F2F0EB, surface, 10%. #191512, text and primary action, 21%. #4F4A45, muted text, 2%. #E33F2E, accent, 15%. #FFD94A, fill 1, 12%. Laminate Clash

From Memphis · One documented piece After the Casablanca sideboard (1981), whose laminate the V&A records as red, black, white and yellow. The four color names are documented; the exact shades are Aesthetary’s, taken from our Memphis page, not measured from the object.

For a feeling

Written by Aesthetary as guidance, not research. Each palette is named for a feeling; the kinds of site it suits are tags, and each one names the cliché it avoids.

Calm and precise

For sites where people fill in forms, read figures or work all day.

#F4F2EE, canvas, 58%. #FFFFFF, surface, 18%. #1B2421, text, 12%. #55605B, muted text, 4%. #0F6B5C, primary action and accent, 8%. Daylight Clinic

Clinical, clean, precise Competent and unhurried, no alarm.Avoids: Hospital blue on white with rounded cards.

#FBFAF7, canvas, 58%. #FFFFFF, surface, 18%. #14161A, text, 12%. #545A63, muted text, 4%. #7A1F2B, primary action and accent, 8%. Ledger

Financial, trustworthy, established Nothing hidden, numbers first.Avoids: Navy and gold.

#F4F4F1, canvas, 58%. #FFFFFF, surface, 18%. #17181A, text and primary action, 17%. #55585E, muted text, 4%. #C2410C, accent, 3%. Workbench

Modern SaaS, technical, efficient · Light and Dark A tool you can work in all day, with color kept for state.Avoids: Navy and purple gradient with glows.

Fresh and bright

Awake, open and quick, without the stock colors of the sector.

#F6F7F2, canvas, 58%. #FFFFFF, surface, 18%. #13201A, text and primary action, 17%. #4C5A52, muted text, 4%. #D4E85A, accent, 3%. Cold Press

Healthy, fresh, natural Awake rather than soothing: clean white, black-green type and one sharp lime.Avoids: Sage and beige with a thin serif; leaf icons; kraft paper.

#FBFAF5, canvas, 50%. #FFFFFF, surface, 15%. #111111, text, 12%. #4E4E4E, muted text, 3%. #2B3BE0, primary action, 8%. #FF5FA2, accent, 6%. #FFB000, fill 1, 6%. Field Day

Playful, youthful, energetic Bright and quick, with grown-up type: ultramarine, bubblegum and tangerine on white.Avoids: Primary-color rainbow, bubble type and confetti.

#FCFCFA, canvas, 58%. #F2F4F7, surface, 18%. #1A1D24, text and primary action, 17%. #4D5361, muted text, 4%. #FFE14D, accent, 3%. Highlighter

Educational, clear, optimistic A clean page and one highlighter pen: what to learn next is marked in yellow.Avoids: Primary-color rainbow; school-bus yellow and blue.

Quiet and refined

Restraint does the work: few colors, exact type.

#EEEBE7, canvas, 58%. #F8F7F5, surface, 18%. #161414, text and primary action, 17%. #5A5552, muted text, 4%. #2E5E4E, accent, 3%. Powder and Ink

Beauty, soft, elegant Soft without being sweet: a powder ground, black type and one bottle green.Avoids: Blush pink with a thin serif; rose gold.

#1A1917, canvas, 65%. #232220, surface, 15%. #ECE7DF, text and primary action, 14%. #ABA399, muted text, 4%. #7FA38F, accent, 2%. Cellar

Luxury, understated, premium · Dark and Light Dark, warm and quiet; nothing gold, nothing glossy.Avoids: Black and gold; a serif on beige.

#F3F2EE, canvas, 58%. #FFFFFF, surface, 18%. #111111, text and primary action, 17%. #4D4C48, muted text, 4%. #2338C6, accent, 3%. Late Edition

Editorial, intellectual, sophisticated · Light and Dark A paper you trust because it is plain about what it is.Avoids: Cream ground, soft serif and coral.

Warm and loud

Color used large, to be seen from across the street.

#ECEAE4, canvas, 50%. #F7F6F2, surface, 12%. #0D0D0D, text and primary action, 16%. #4A4946, muted text, 3%. #3255A4, secondary action, 6%. #FF6A13, accent, 13%. Overprint

Creative, experimental, expressive Uncoated stock, black ink and two risograph inks that disagree.Avoids: Black with neon glow; holographic gradients.

#FBF7F0, canvas, 58%. #FFFFFF, surface, 18%. #2A211B, text, 12%. #66574B, muted text, 4%. #B4471C, primary action, 5%. #F2B84B, accent, 3%. Porch Light

Warm, approachable, human · Light and Dark Lit from inside: warm white, a brick-orange action and a lamp-yellow glow.Avoids: Terracotta and olive with a handwritten script.

#F0EEE8, canvas, 45%. #FFFFFF, surface, 10%. #0A0A0A, text, 15%. #45443F, muted text, 3%. #FF3D00, primary action, 27%. Loud Hailer

Bold, disruptive, confident · Light and Dark One flood of signal orange, black type, and nothing else to look at.Avoids: Black with a neon gradient: the “disruptor” start-up look.