05

Color

The complete color system. Provenance, palette, pairings. Every color in the Visualist system, where it came from, how it behaves, and what it can and cannot sit next to.

Every color name
refers to something real.

The Visualist palette is named entirely from the physical, material world. Every name refers to something tangible: a place, a person, a material, a substance. The names connect the brand to the same craft materials and cultural references that exist in the ICP's professional life, and signal a brand of considered taste rather than tech-company convention.

The three core colors are a triadic set: their hues sit approximately 120 degrees apart on the color wheel, in the amber-orange, blue-violet, and green sectors respectively. A triadic palette holds visual tension without competition. Each occupies its own territory on the spectrum. Each is named for a real person or place connected to the history of the creative professions Visualist serves.

The neutrals

The four neutral colors are all physical materials: the surfaces and substances of a working creative's environment. They are named for what they feel like, not what they look like.

Cotton (#FBFBFA) Primary background. Unbleached cotton: warm, textile, slightly off-white. The canvas before anything is placed on it.
Parchment (#F3F1EE) Secondary background. Treated animal skin used as a writing surface. Older than paper, warmer, with a tactile quality. Cards, panels, and layered surfaces within Cotton.
Charcoal (#43424A) Primary text. Compressed carbon, used by artists and designers as a drawing material. Dark but warm, with a quality that pure black lacks.
Leather (#1F1F1F) Display text and maximum contrast. Tanned hide: the darkest material in the palette, with the same warmth and weight the physical material carries. The brand's version of black.
Pure white (#FFFFFF) and pure black (#000000) are not part of the palette. Cotton is the white. Leather is the black.
Cotton #FBFBFA
Parchment #F3F1EE
Charcoal #43424A
Leather #1F1F1F
Good Cotton background, Charcoal body text, Leather display. Warm and grounded.
Bad #FFFFFF background or #000000 text. Cold, generic, contradicts the palette.

Brew

Brew (#8A7251) Named for brewed coffee or tea: the product of combining and heating, rich and warm. The unifying anchor. Use when the palette needs grounding without committing to one of the three core hues, or when four colors are needed alongside Picardy, Wolfe, and Gretna.
Soft Brew (#DCD5CB) The most frequently used extended tone. Dividers, borders, subtle backgrounds, secondary labels. If a surface needs warmth at very low intensity, Soft Brew is the first choice.
Strong Brew (#68402E) Deep, warm, grounded. Used for high-contrast text on light surfaces where Leather would be too neutral, or as a rich secondary dark in layouts that need warmth at full weight.
Brew anchors. It does not punctuate. It is not a substitute for Picardy, Wolfe, or Gretna.
Soft Brew #DCD5CB
Brew #8A7251
Strong Brew #68402E
Brew in context
Section label in Brew
Card with Soft Brew border

Three core colors.

The Visualist palette is built around three core colors. Each maps to a brand attribute and extends across three registers: soft, core, and strong. These are not three separate palettes. They are one system at three different weights.

Picardy
#FF9D09 · Dynamic · Peyton
Named for Picardy, a region in northern France and the birthplace of Rose Bertin, Marie Antoinette's personal stylist and regarded as the world's first fashion designer. Energy, optimism, dynamism.
Wolfe
#9E4BBB · Refined · Indigo
Named for Elsie de Wolfe, the pioneering American interior designer who transformed interior design into a professional discipline. Known for her wit, her rejection of Victorian darkness, and her insistence on light, color, and personal taste as the foundation of great interiors. Creativity, distinction, depth.
Gretna
#016F2F · Trustworthy · Emery
Named for Gretna Green, the Scottish village historically associated with commitment and permanence, the destination for couples who wanted to make something last. Growth, trust, craft.
Dynamic
Refined
Trustworthy
Core
Picardy
#FF9D09
Wolfe
#9E4BBB
Gretna
#016F2F

Each core color has a Soft and a Strong version. Both are derived systematically using a tint and shade generator. The Soft version is the third lightest tint step (approximately 70% white blended into the core) and is used for backgrounds, tints, and large areas. The Strong version is the second shade step, used for active states, hover states, and high-contrast text.

The tonal registers map directly to the brand attributes. Soft = Refined: delicate, precise, low-weight. Core = Dynamic: full presence, full energy. Strong = Trustworthy: weighted, grounded, earned.

Brew
Strong Brew
#68402E
Soft Brew
#DCD5CB
Picardy
Strong Picardy
#CC6A00
Soft Picardy
#FFE2B5
Wolfe
Strong Wolfe
#6B1888
Soft Wolfe
#E2C9EB
Gretna
Strong Gretna
#003C00
Soft Gretna
#B3D4C1

Accent colors

Sparingly, for moments that need distinction from the core palette. Never as a background or dominant surface. Never more than one accent alongside a core color. If a core color works, use it.
All six are former Pantone Colors of the Year, named for destinations: Malibu, Amalfi, Byron, Goa, Cap Ferrat, Burgundy.
Malibu
Amalfi
Byron
Goa
Cap Ferrat
Burgundy

The dark register

When to use. Hero moments, major product announcements, the product panel on the homepage, and any surface where the neutral palette would feel too quiet for the weight of the content.
Text. Primary text in Cotton (#FBFBFA). Secondary labels in Soft Brew (#DCD5CB) or a core color. Charcoal (#43424A) is not used on Leather: insufficient contrast.
Core colors on dark. They read more vividly on Leather. Picardy in particular gains intensity. Use proportionally more restraint than in the neutral register.
Translations and Simplifieds on dark. Very low-opacity backgrounds (5–8%), thin low-opacity borders. The card sits within the environment.
The motif on dark. All soft colors are approved on Leather. Use Soft Wolfe as the default. The motif is structural texture, not a focal element.
Leather register
The OS that remembers
your taste.
Vai surfaces what needs your attention. Morrison brief has a vendor clause you typically reject. Flag it before you approve?
Flag it
Approve anyway
On neutrals

Cotton and Parchment are the primary brand surfaces. They carry the most text across the most contexts. Contrast requirements are strict here.

Cotton #FBFBFA
Leather 15.9:1 Body + label
Charcoal 9.6:1 Body + label
Strong Wolfe 9.6:1 Body + label
Strong Gretna 12.3:1 Body + label
Strong Brew 8.6:1 Body + label
Gretna 6.1:1 Body + label
Wolfe 4.8:1 Body + label
Brew 4.5:1 Body + label
Strong Picardy 3.6:1 Label only
Picardy 2.0:1 Fails
Soft Brew 1.5:1 Fails
Soft Picardy 1.2:1 Fails
Soft Wolfe 1.5:1 Fails
Soft Gretna 1.6:1 Fails
Parchment #F3F1EE
Leather 14.6:1 Body + label
Charcoal 8.8:1 Body + label
Strong Wolfe 8.8:1 Body + label
Strong Gretna 11.3:1 Body + label
Strong Brew 7.9:1 Body + label
Gretna 5.6:1 Body + label
Strong Picardy 3.3:1 Label only
Wolfe 4.5:1 Label only
Brew 4.2:1 Label only
Picardy 1.9:1 Fails
Soft Brew 1.4:1 Fails
Soft Picardy 1.1:1 Fails
Soft Wolfe 1.4:1 Fails
Soft Gretna 1.5:1 Fails
Soft Brew #DCD5CB
Leather 11.2:1 Body + label
Charcoal 6.8:1 Body + label
Strong Wolfe 6.8:1 Body + label
Strong Gretna 8.7:1 Body + label
Strong Brew 6.1:1 Body + label
Gretna 4.3:1 Label only
Wolfe 3.4:1 Label only
Brew 3.2:1 Label only
Picardy 1.4:1 Fails
Strong Picardy 2.1:1 Fails
On soft colors

Soft tones are used for backgrounds, tints, and layering. They all carry warm near-neutral backgrounds. Same contrast logic applies: prefer dark text.

Soft Picardy #FFE2B5
Leather 13.2:1 Body + label
Charcoal 7.9:1 Body + label
Strong Wolfe 8.0:1 Body + label
Strong Gretna 10.2:1 Body + label
Strong Brew 7.1:1 Body + label
Gretna 5.1:1 Body + label
Strong Picardy 3.5:1 Label only
Wolfe 4.0:1 Label only
Brew 3.8:1 Label only
Picardy 1.7:1 Fails
Soft Wolfe #E2C9EB
Leather 10.8:1 Body + label
Charcoal 6.5:1 Body + label
Strong Wolfe 6.5:1 Body + label
Strong Gretna 8.4:1 Body + label
Strong Brew 5.8:1 Body + label
Gretna 4.2:1 Label only
Wolfe 3.3:1 Label only
Brew 3.1:1 Label only
Picardy 1.7:1 Fails
Strong Picardy 2.3:1 Fails
Soft Gretna #B3D4C1
Leather 10.3:1 Body + label
Charcoal 6.2:1 Body + label
Strong Wolfe 6.2:1 Body + label
Strong Gretna 8.0:1 Body + label
Strong Brew 5.5:1 Body + label
Gretna 4.0:1 Label only
Wolfe 3.1:1 Label only
Brew 2.9:1 Fails
Picardy 1.7:1 Fails
Strong Picardy 2.4:1 Fails
On core colors

Core color backgrounds are used intentionally for emphasis. Options narrow significantly. Many foreground colors fail. When in doubt, use Leather or Cotton.

Picardy #FF9D09
Leather 7.9:1 Body + label
Charcoal 4.8:1 Body + label
Strong Wolfe 4.8:1 Body + label
Strong Gretna 6.1:1 Body + label
Strong Brew 4.3:1 Label only
Gretna 3.0:1 Label only
Cotton 2.0:1 Fails
Brew 1.4:1 Fails
Wolfe 1.7:1 Fails
Wolfe #9E4BBB
Cotton 4.8:1 Body + label
Soft Picardy 4.0:1 Label only
Soft Brew 3.4:1 Label only
Soft Wolfe 3.3:1 Label only
Soft Gretna 3.1:1 Label only
Parchment 4.5:1 Label only
Leather 3.3:1 Label only
Picardy 1.7:1 Fails
Charcoal 1.1:1 Fails
Gretna #016F2F
Cotton 6.1:1 Body + label
Parchment 5.6:1 Body + label
Soft Picardy 5.1:1 Body + label
Soft Brew 4.3:1 Label only
Soft Wolfe 4.2:1 Label only
Soft Gretna 4.0:1 Label only
Picardy 3.0:1 Label only
Leather 1.4:1 Fails
Charcoal 1.4:1 Fails
Brew #8A7251
Cotton 4.5:1 Body + label
Soft Picardy 3.8:1 Label only
Soft Brew 3.2:1 Label only
Soft Wolfe 3.1:1 Label only
Parchment 4.2:1 Label only
Leather 3.5:1 Label only
Picardy 1.4:1 Fails
Charcoal 1.6:1 Fails
Gretna 1.2:1 Fails
On strong colors

Strong tones are deep and saturated. They support light foreground text well and are the most flexible dark-mode backgrounds in the brand palette.

Strong Picardy #CC6A00
Cotton 3.6:1 Label only
Parchment 3.3:1 Label only
Leather 4.4:1 Label only
Soft Picardy 3.5:1 Label only
Strong Gretna 3.4:1 Label only
Charcoal 4.1:1 Label only
Picardy 2.0:1 Fails
Brew 1.7:1 Fails
Strong Wolfe #6B1888
Cotton 9.6:1 Body + label
Parchment 8.8:1 Body + label
Soft Picardy 8.0:1 Body + label
Soft Brew 6.8:1 Body + label
Soft Wolfe 6.5:1 Body + label
Soft Gretna 6.2:1 Body + label
Picardy 4.8:1 Body + label
Charcoal 1.0:1 Fails
Leather 1.0:1 Fails
Strong Gretna #003C00
Cotton 12.3:1 Body + label
Parchment 11.3:1 Body + label
Soft Picardy 10.2:1 Body + label
Soft Brew 8.7:1 Body + label
Soft Wolfe 8.4:1 Body + label
Soft Gretna 8.0:1 Body + label
Picardy 6.1:1 Body + label
Strong Picardy 3.4:1 Label only
Charcoal 1.7:1 Fails
Leather 2.4:1 Fails
Strong Brew #68402E
Cotton 8.6:1 Body + label
Parchment 7.9:1 Body + label
Soft Picardy 7.1:1 Body + label
Soft Brew 6.1:1 Body + label
Soft Wolfe 5.8:1 Body + label
Soft Gretna 5.5:1 Body + label
Picardy 4.3:1 Label only
Leather 2.4:1 Fails
Charcoal 1.4:1 Fails
On dark surfaces

Charcoal and Leather are the dark registers. On these surfaces, soft and light foreground colors are required. Core darks (Brew, Wolfe, Gretna, Charcoal) disappear.

Charcoal #43424A
Cotton 9.6:1 Body + label
Parchment 8.8:1 Body + label
Soft Picardy 7.9:1 Body + label
Soft Brew 6.8:1 Body + label
Soft Wolfe 6.5:1 Body + label
Soft Gretna 6.2:1 Body + label
Picardy 4.8:1 Body + label
Leather 1.1:1 Merges
Brew 1.6:1 Fails
Wolfe 1.6:1 Fails
Gretna 1.4:1 Fails
Strong Wolfe 1.0:1 Merges
Strong Gretna 1.7:1 Fails
Leather #1F1F1F
Cotton 15.9:1 Body + label
Parchment 14.6:1 Body + label
Soft Picardy 13.2:1 Body + label
Soft Brew 11.2:1 Body + label
Soft Wolfe 10.8:1 Body + label
Soft Gretna 10.3:1 Body + label
Picardy 7.9:1 Body + label
Strong Picardy 4.4:1 Label only
Brew 3.5:1 Label only
Wolfe 3.3:1 Label only
Charcoal 1.1:1 Merges
Gretna 1.4:1 Fails
Strong Gretna 2.4:1 Fails
Strong Brew 2.4:1 Fails
Strong Wolfe 1.0:1 Merges