Hover or tap any step of the pyramid to read its story.
Guide
A new way to relate to colors, every day.
The colored squares on the homepage are a week of colors, nested like a step pyramid seen from above. The small square in the center is today's color. Each ring further out is one day further back β a rolling week of 8.
Hover or tap any step to read that color's story in the plaque below. If a color has a verified source for its history, a Source link appears under the story β click through to see where the claim comes from.
Every plaque has two tabs: History, the pigment's real backstory, and Tarot, which hue-matches that color to its nearest card in the Hermetic Order of the Golden Dawn's color-scale system β the same real tradition tarot decks are built on, not an invented mapping.
Toggle between the Rider-Waite and Thoth decks to see how the card's meaning shifts β most cards match across both, but a couple swap colors entirely between decks.
Don't like the current spread? Two buttons give you a fresh arrangement:
Pick how it animates: SpinClassic, at Single DipDouble DipDeep Vat speed.
Head to Build your own combination to hand-pick colors from the full 797-color library (or type any hex code) and arrange your own set. Name it and save it straight to the public gallery for anyone to browse.
Each row gives you three ways in: type a hex code directly, pick a named color from the library dropdown, or tap the little color square β it opens your browser's native color picker, a full color wheel/gradient menu where you can drag to any shade, not just ones in the library.
Once you've got a combination you like:
Curated, themed color sets pulled from real images β never eyeballed, always pixel-sampled. Filter by category and click into any set to see its story, source links, and its own reshuffle/animation controls. Three kinds of sets live here:
Every Zeitgeist color comes from real pixel data, not a guess. The image is resized down for speed, then run through k-means clustering (8 clusters) on raw pixel RGB values β each cluster's size becomes that color's dominance, how much of the image is actually that color.
Sun Bonnets find the sun's brightest point first (peak brightness Γ saturation), sample it for 2 colors β core and rim β then mask it out before clustering the remaining 6 from the rest of the scene. Eye close-ups get cropped and masked to an oval over just the sclera, iris, and pupil, so skin tone never enters the sample.
Ring order β center outward β depends on the set type and arrangement: Zeits and Bonnet's Arrangement A go by dominance, most pixel-coverage first; Bonnet's Arrangement B goes by lightness, lightest first. Sun Bonnet reverses both, so the sun's core and edge glow land at center and the rest ring outward from dark to light.
Click a hex or RGB chip under any color's story to copy it straight to your clipboard β handy for design work, mood boards, whatever you're building.
Signed-in members can save any color set β daily or Zeitgeist β as a crisp, print-ready PNG (300dpi, watermarked) for moodboards, prints, or sharing. Members get 2 saves every 24 hours.
Every color has a comment thread β members can react, add context, or debate whether that teal is really "teal." See something that shouldn't be there? Each comment has a flag icon to report it β our team reviews every report.
RELATIVE TO THE MOMENT
Log in to leave a comment.