C'est La V · The Brand Book

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.

NameHexRole
Cotton#FBFBFAPrimary background. Unbleached cotton: warm, textile, slightly off-white. The canvas before anything is placed on it.
Parchment#F3F1EESecondary 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#43424APrimary text. Compressed carbon, used by artists and designers as a drawing material. Dark but warm, with a quality that pure black lacks.
Leather#1F1F1FDisplay 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.

Good. Cotton background, Charcoal body text, Leather display. Warm and grounded. Bad. #FFFFFF background or #000000 text. Cold, generic, contradicts the palette.

Brew

NameHexRole
Brew#8A6F51Named 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#DCD5CBThe 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#68402EDeep, 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.

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.

ColorHexAttributePersonaNamed for
Picardy#FF9D09DynamicPeytonPicardy, 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#9E4BBBRefinedIndigoElsie 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#016F2FTrustworthyEmeryGretna Green, the Scottish village historically associated with commitment and permanence, the destination for couples who wanted to make something last. Growth, trust, craft.

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 scale

HexRole
#FFFFFFWhite (generator endpoint, not a brand color)
#F2EFECTint
#DCD5CBSoft Brew
#D8CFC5Tint
#CBBFB2Tint
#BEAF9ETint
#B19F8BTint
#A48F78Tint
#977F64Tint
#8A6F51Brew (core)
#7B6348Shade
#68402EStrong Brew
#5C4A36Shade
#4D3E2DShade
#3D3124Shade
#2E251BShade
#1F1912Shade
#0F0C09Shade
#000000Black (generator endpoint, not a brand color)

Picardy scale

HexRole
#FFFFFFWhite (generator endpoint, not a brand color)
#FFF4E4Tint
#FFE2B5Soft Picardy
#FFDEADTint
#FFD392Tint
#FFC976Tint
#FFBE5BTint
#FFB340Tint
#FFA824Tint
#FF9D09Picardy (core)
#E38C08Shade
#CC6A00Strong Picardy
#AA6906Shade
#8E5705Shade
#714604Shade
#553403Shade
#392302Shade
#1C1101Shade
#000000Black (generator endpoint, not a brand color)

Wolfe scale

HexRole
#FFFFFFWhite (generator endpoint, not a brand color)
#F4EBF7Tint
#E2C9EBSoft Wolfe
#DFC3E8Tint
#D4AFE1Tint
#C99BD9Tint
#BE87D2Tint
#B473CATint
#A95FC3Tint
#9E4BBBWolfe (core)
#8C43A6Shade
#6B1888Strong Wolfe
#69327DShade
#582A68Shade
#462153Shade
#35193EShade
#23112AShade
#120815Shade
#000000Black (generator endpoint, not a brand color)

Gretna scale

HexRole
#FFFFFFWhite (generator endpoint, not a brand color)
#E3EFE8Tint
#B3D4C1Soft Gretna
#AACFBATint
#8EBFA3Tint
#72AF8BTint
#569F74Tint
#398F5DTint
#1D7F46Tint
#016F2FGretna (core)
#01632AShade
#003C00Strong Gretna
#014A1FShade
#013E1AShade
#003115Shade
#002510Shade
#00190AShade
#000C05Shade
#000000Black (generator endpoint, not a brand color)

Accent colors

Use accents 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.

NameHex
Malibu#40A298
Amalfi#F5DF4D
Byron#0F4C82
Goa#D94F70
Cap Ferrat#DBB9C9
Burgundy#964F4D

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 (#1F1F1F): 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 to 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 (#E2C9EB) as the default. The motif is structural texture, not a focal element.

Every combination, tested.

The following tables show every permitted and prohibited color pairing across the Visualist palette. Ratios are WCAG contrast calculations. Body text requires 4.5

minimum. Labels and large display text require 3.0
minimum. Anything below 3.0
fails both thresholds.

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) background

ForegroundRatioVerdict
Leather15.9
Pass (body + label)
Charcoal9.6
Pass (body + label)
Strong Wolfe9.6
Pass (body + label)
Strong Gretna12.3
Pass (body + label)
Strong Brew8.6
Pass (body + label)
Gretna6.1
Pass (body + label)
Wolfe4.8
Pass (body + label)
Brew4.5
Pass (body + label)
Strong Picardy3.6
Pass (label only)
Picardy2.0
Fail
Soft Brew1.5
Fail
Soft Picardy1.2
Fail
Soft Wolfe1.5
Fail
Soft Gretna1.6
Fail

Parchment (#F3F1EE) background

ForegroundRatioVerdict
Leather14.6
Pass (body + label)
Charcoal8.8
Pass (body + label)
Strong Wolfe8.8
Pass (body + label)
Strong Gretna11.3
Pass (body + label)
Strong Brew7.9
Pass (body + label)
Gretna5.6
Pass (body + label)
Strong Picardy3.3
Pass (label only)
Wolfe4.5
Pass (label only)
Brew4.2
Pass (label only)
Picardy1.9
Fail
Soft Brew1.4
Fail
Soft Picardy1.1
Fail
Soft Wolfe1.4
Fail
Soft Gretna1.5
Fail

Soft Brew (#DCD5CB) background

ForegroundRatioVerdict
Leather11.2
Pass (body + label)
Charcoal6.8
Pass (body + label)
Strong Wolfe6.8
Pass (body + label)
Strong Gretna8.7
Pass (body + label)
Strong Brew6.1
Pass (body + label)
Gretna4.3
Pass (label only)
Wolfe3.4
Pass (label only)
Brew3.2
Pass (label only)
Picardy1.4
Fail
Strong Picardy2.1
Fail

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) background

ForegroundRatioVerdict
Leather13.2
Pass (body + label)
Charcoal7.9
Pass (body + label)
Strong Wolfe8.0
Pass (body + label)
Strong Gretna10.2
Pass (body + label)
Strong Brew7.1
Pass (body + label)
Gretna5.1
Pass (body + label)
Strong Picardy3.5
Pass (label only)
Wolfe4.0
Pass (label only)
Brew3.8
Pass (label only)
Picardy1.7
Fail

Soft Wolfe (#E2C9EB) background

ForegroundRatioVerdict
Leather10.8
Pass (body + label)
Charcoal6.5
Pass (body + label)
Strong Wolfe6.5
Pass (body + label)
Strong Gretna8.4
Pass (body + label)
Strong Brew5.8
Pass (body + label)
Gretna4.2
Pass (label only)
Wolfe3.3
Pass (label only)
Brew3.1
Pass (label only)
Picardy1.7
Fail
Strong Picardy2.3
Fail

Soft Gretna (#B3D4C1) background

ForegroundRatioVerdict
Leather10.3
Pass (body + label)
Charcoal6.2
Pass (body + label)
Strong Wolfe6.2
Pass (body + label)
Strong Gretna8.0
Pass (body + label)
Strong Brew5.5
Pass (body + label)
Gretna4.0
Pass (label only)
Wolfe3.1
Pass (label only)
Brew2.9
Fail
Picardy1.7
Fail
Strong Picardy2.4
Fail

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) background

ForegroundRatioVerdict
Leather7.9
Pass (body + label)
Charcoal4.8
Pass (body + label)
Strong Wolfe4.8
Pass (body + label)
Strong Gretna6.1
Pass (body + label)
Strong Brew4.3
Pass (label only)
Gretna3.0
Pass (label only)
Cotton2.0
Fail
Brew1.4
Fail
Wolfe1.7
Fail

Wolfe (#9E4BBB) background

ForegroundRatioVerdict
Cotton4.8
Pass (body + label)
Soft Picardy4.0
Pass (label only)
Soft Brew3.4
Pass (label only)
Soft Wolfe3.3
Pass (label only)
Soft Gretna3.1
Pass (label only)
Parchment4.5
Pass (label only)
Leather3.3
Pass (label only)
Picardy1.7
Fail
Charcoal1.1
Fail

Gretna (#016F2F) background

ForegroundRatioVerdict
Cotton6.1
Pass (body + label)
Parchment5.6
Pass (body + label)
Soft Picardy5.1
Pass (body + label)
Soft Brew4.3
Pass (label only)
Soft Wolfe4.2
Pass (label only)
Soft Gretna4.0
Pass (label only)
Picardy3.0
Pass (label only)
Leather1.4
Fail
Charcoal1.4
Fail

Brew (#8A6F51) background

ForegroundRatioVerdict
Cotton4.5
Pass (body + label)
Soft Picardy3.8
Pass (label only)
Soft Brew3.2
Pass (label only)
Soft Wolfe3.1
Pass (label only)
Parchment4.2
Pass (label only)
Leather3.5
Pass (label only)
Picardy1.4
Fail
Charcoal1.6
Fail
Gretna1.2
Fail

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) background

ForegroundRatioVerdict
Cotton3.6
Pass (label only)
Parchment3.3
Pass (label only)
Leather4.4
Pass (label only)
Soft Picardy3.5
Pass (label only)
Strong Gretna3.4
Pass (label only)
Charcoal4.1
Pass (label only)
Picardy2.0
Fail
Brew1.7
Fail

Strong Wolfe (#6B1888) background

ForegroundRatioVerdict
Cotton9.6
Pass (body + label)
Parchment8.8
Pass (body + label)
Soft Picardy8.0
Pass (body + label)
Soft Brew6.8
Pass (body + label)
Soft Wolfe6.5
Pass (body + label)
Soft Gretna6.2
Pass (body + label)
Picardy4.8
Pass (body + label)
Charcoal1.0
Fail
Leather1.0
Fail

Strong Gretna (#003C00) background

ForegroundRatioVerdict
Cotton12.3
Pass (body + label)
Parchment11.3
Pass (body + label)
Soft Picardy10.2
Pass (body + label)
Soft Brew8.7
Pass (body + label)
Soft Wolfe8.4
Pass (body + label)
Soft Gretna8.0
Pass (body + label)
Picardy6.1
Pass (body + label)
Strong Picardy3.4
Pass (label only)
Charcoal1.7
Fail
Leather2.4
Fail

Strong Brew (#68402E) background

ForegroundRatioVerdict
Cotton8.6
Pass (body + label)
Parchment7.9
Pass (body + label)
Soft Picardy7.1
Pass (body + label)
Soft Brew6.1
Pass (body + label)
Soft Wolfe5.8
Pass (body + label)
Soft Gretna5.5
Pass (body + label)
Picardy4.3
Pass (label only)
Leather2.4
Fail
Charcoal1.4
Fail

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) background

ForegroundRatioVerdict
Cotton9.6
Pass (body + label)
Parchment8.8
Pass (body + label)
Soft Picardy7.9
Pass (body + label)
Soft Brew6.8
Pass (body + label)
Soft Wolfe6.5
Pass (body + label)
Soft Gretna6.2
Pass (body + label)
Picardy4.8
Pass (body + label)
Leather1.1
Fail (merges)
Brew1.6
Fail
Wolfe1.6
Fail
Gretna1.4
Fail
Strong Wolfe1.0
Fail (merges)
Strong Gretna1.7
Fail

Leather (#1F1F1F) background

ForegroundRatioVerdict
Cotton15.9
Pass (body + label)
Parchment14.6
Pass (body + label)
Soft Picardy13.2
Pass (body + label)
Soft Brew11.2
Pass (body + label)
Soft Wolfe10.8
Pass (body + label)
Soft Gretna10.3
Pass (body + label)
Picardy7.9
Pass (body + label)
Strong Picardy4.4
Pass (label only)
Brew3.5
Pass (label only)
Wolfe3.3
Pass (label only)
Charcoal1.1
Fail (merges)
Gretna1.4
Fail
Strong Gretna2.4
Fail
Strong Brew2.4
Fail
Strong Wolfe1.0
Fail (merges)