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.
| Name | Hex | Role |
|---|---|---|
| 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.
Good. Cotton background, Charcoal body text, Leather display. Warm and grounded. Bad. #FFFFFF background or #000000 text. Cold, generic, contradicts the palette.
Brew
| Name | Hex | Role |
|---|---|---|
| Brew | #8A6F51 | 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.
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.
| Color | Hex | Attribute | Persona | Named for |
|---|---|---|---|---|
| Picardy | #FF9D09 | Dynamic | Peyton | 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 | 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 | Gretna 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
| Hex | Role |
|---|---|
| #FFFFFF | White (generator endpoint, not a brand color) |
| #F2EFEC | Tint |
| #DCD5CB | Soft Brew |
| #D8CFC5 | Tint |
| #CBBFB2 | Tint |
| #BEAF9E | Tint |
| #B19F8B | Tint |
| #A48F78 | Tint |
| #977F64 | Tint |
| #8A6F51 | Brew (core) |
| #7B6348 | Shade |
| #68402E | Strong Brew |
| #5C4A36 | Shade |
| #4D3E2D | Shade |
| #3D3124 | Shade |
| #2E251B | Shade |
| #1F1912 | Shade |
| #0F0C09 | Shade |
| #000000 | Black (generator endpoint, not a brand color) |
Picardy scale
| Hex | Role |
|---|---|
| #FFFFFF | White (generator endpoint, not a brand color) |
| #FFF4E4 | Tint |
| #FFE2B5 | Soft Picardy |
| #FFDEAD | Tint |
| #FFD392 | Tint |
| #FFC976 | Tint |
| #FFBE5B | Tint |
| #FFB340 | Tint |
| #FFA824 | Tint |
| #FF9D09 | Picardy (core) |
| #E38C08 | Shade |
| #CC6A00 | Strong Picardy |
| #AA6906 | Shade |
| #8E5705 | Shade |
| #714604 | Shade |
| #553403 | Shade |
| #392302 | Shade |
| #1C1101 | Shade |
| #000000 | Black (generator endpoint, not a brand color) |
Wolfe scale
| Hex | Role |
|---|---|
| #FFFFFF | White (generator endpoint, not a brand color) |
| #F4EBF7 | Tint |
| #E2C9EB | Soft Wolfe |
| #DFC3E8 | Tint |
| #D4AFE1 | Tint |
| #C99BD9 | Tint |
| #BE87D2 | Tint |
| #B473CA | Tint |
| #A95FC3 | Tint |
| #9E4BBB | Wolfe (core) |
| #8C43A6 | Shade |
| #6B1888 | Strong Wolfe |
| #69327D | Shade |
| #582A68 | Shade |
| #462153 | Shade |
| #35193E | Shade |
| #23112A | Shade |
| #120815 | Shade |
| #000000 | Black (generator endpoint, not a brand color) |
Gretna scale
| Hex | Role |
|---|---|
| #FFFFFF | White (generator endpoint, not a brand color) |
| #E3EFE8 | Tint |
| #B3D4C1 | Soft Gretna |
| #AACFBA | Tint |
| #8EBFA3 | Tint |
| #72AF8B | Tint |
| #569F74 | Tint |
| #398F5D | Tint |
| #1D7F46 | Tint |
| #016F2F | Gretna (core) |
| #01632A | Shade |
| #003C00 | Strong Gretna |
| #014A1F | Shade |
| #013E1A | Shade |
| #003115 | Shade |
| #002510 | Shade |
| #00190A | Shade |
| #000C05 | Shade |
| #000000 | Black (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.
| Name | Hex |
|---|---|
| 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
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 15.9 | Pass (body + label) |
| Charcoal | 9.6 | Pass (body + label) |
| Strong Wolfe | 9.6 | Pass (body + label) |
| Strong Gretna | 12.3 | Pass (body + label) |
| Strong Brew | 8.6 | Pass (body + label) |
| Gretna | 6.1 | Pass (body + label) |
| Wolfe | 4.8 | Pass (body + label) |
| Brew | 4.5 | Pass (body + label) |
| Strong Picardy | 3.6 | Pass (label only) |
| Picardy | 2.0 | Fail |
| Soft Brew | 1.5 | Fail |
| Soft Picardy | 1.2 | Fail |
| Soft Wolfe | 1.5 | Fail |
| Soft Gretna | 1.6 | Fail |
Parchment (#F3F1EE) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 14.6 | Pass (body + label) |
| Charcoal | 8.8 | Pass (body + label) |
| Strong Wolfe | 8.8 | Pass (body + label) |
| Strong Gretna | 11.3 | Pass (body + label) |
| Strong Brew | 7.9 | Pass (body + label) |
| Gretna | 5.6 | Pass (body + label) |
| Strong Picardy | 3.3 | Pass (label only) |
| Wolfe | 4.5 | Pass (label only) |
| Brew | 4.2 | Pass (label only) |
| Picardy | 1.9 | Fail |
| Soft Brew | 1.4 | Fail |
| Soft Picardy | 1.1 | Fail |
| Soft Wolfe | 1.4 | Fail |
| Soft Gretna | 1.5 | Fail |
Soft Brew (#DCD5CB) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 11.2 | Pass (body + label) |
| Charcoal | 6.8 | Pass (body + label) |
| Strong Wolfe | 6.8 | Pass (body + label) |
| Strong Gretna | 8.7 | Pass (body + label) |
| Strong Brew | 6.1 | Pass (body + label) |
| Gretna | 4.3 | Pass (label only) |
| Wolfe | 3.4 | Pass (label only) |
| Brew | 3.2 | Pass (label only) |
| Picardy | 1.4 | Fail |
| Strong Picardy | 2.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
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 13.2 | Pass (body + label) |
| Charcoal | 7.9 | Pass (body + label) |
| Strong Wolfe | 8.0 | Pass (body + label) |
| Strong Gretna | 10.2 | Pass (body + label) |
| Strong Brew | 7.1 | Pass (body + label) |
| Gretna | 5.1 | Pass (body + label) |
| Strong Picardy | 3.5 | Pass (label only) |
| Wolfe | 4.0 | Pass (label only) |
| Brew | 3.8 | Pass (label only) |
| Picardy | 1.7 | Fail |
Soft Wolfe (#E2C9EB) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 10.8 | Pass (body + label) |
| Charcoal | 6.5 | Pass (body + label) |
| Strong Wolfe | 6.5 | Pass (body + label) |
| Strong Gretna | 8.4 | Pass (body + label) |
| Strong Brew | 5.8 | Pass (body + label) |
| Gretna | 4.2 | Pass (label only) |
| Wolfe | 3.3 | Pass (label only) |
| Brew | 3.1 | Pass (label only) |
| Picardy | 1.7 | Fail |
| Strong Picardy | 2.3 | Fail |
Soft Gretna (#B3D4C1) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 10.3 | Pass (body + label) |
| Charcoal | 6.2 | Pass (body + label) |
| Strong Wolfe | 6.2 | Pass (body + label) |
| Strong Gretna | 8.0 | Pass (body + label) |
| Strong Brew | 5.5 | Pass (body + label) |
| Gretna | 4.0 | Pass (label only) |
| Wolfe | 3.1 | Pass (label only) |
| Brew | 2.9 | Fail |
| Picardy | 1.7 | Fail |
| Strong Picardy | 2.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
| Foreground | Ratio | Verdict |
|---|---|---|
| Leather | 7.9 | Pass (body + label) |
| Charcoal | 4.8 | Pass (body + label) |
| Strong Wolfe | 4.8 | Pass (body + label) |
| Strong Gretna | 6.1 | Pass (body + label) |
| Strong Brew | 4.3 | Pass (label only) |
| Gretna | 3.0 | Pass (label only) |
| Cotton | 2.0 | Fail |
| Brew | 1.4 | Fail |
| Wolfe | 1.7 | Fail |
Wolfe (#9E4BBB) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 4.8 | Pass (body + label) |
| Soft Picardy | 4.0 | Pass (label only) |
| Soft Brew | 3.4 | Pass (label only) |
| Soft Wolfe | 3.3 | Pass (label only) |
| Soft Gretna | 3.1 | Pass (label only) |
| Parchment | 4.5 | Pass (label only) |
| Leather | 3.3 | Pass (label only) |
| Picardy | 1.7 | Fail |
| Charcoal | 1.1 | Fail |
Gretna (#016F2F) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 6.1 | Pass (body + label) |
| Parchment | 5.6 | Pass (body + label) |
| Soft Picardy | 5.1 | Pass (body + label) |
| Soft Brew | 4.3 | Pass (label only) |
| Soft Wolfe | 4.2 | Pass (label only) |
| Soft Gretna | 4.0 | Pass (label only) |
| Picardy | 3.0 | Pass (label only) |
| Leather | 1.4 | Fail |
| Charcoal | 1.4 | Fail |
Brew (#8A6F51) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 4.5 | Pass (body + label) |
| Soft Picardy | 3.8 | Pass (label only) |
| Soft Brew | 3.2 | Pass (label only) |
| Soft Wolfe | 3.1 | Pass (label only) |
| Parchment | 4.2 | Pass (label only) |
| Leather | 3.5 | Pass (label only) |
| Picardy | 1.4 | Fail |
| Charcoal | 1.6 | Fail |
| Gretna | 1.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
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 3.6 | Pass (label only) |
| Parchment | 3.3 | Pass (label only) |
| Leather | 4.4 | Pass (label only) |
| Soft Picardy | 3.5 | Pass (label only) |
| Strong Gretna | 3.4 | Pass (label only) |
| Charcoal | 4.1 | Pass (label only) |
| Picardy | 2.0 | Fail |
| Brew | 1.7 | Fail |
Strong Wolfe (#6B1888) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 9.6 | Pass (body + label) |
| Parchment | 8.8 | Pass (body + label) |
| Soft Picardy | 8.0 | Pass (body + label) |
| Soft Brew | 6.8 | Pass (body + label) |
| Soft Wolfe | 6.5 | Pass (body + label) |
| Soft Gretna | 6.2 | Pass (body + label) |
| Picardy | 4.8 | Pass (body + label) |
| Charcoal | 1.0 | Fail |
| Leather | 1.0 | Fail |
Strong Gretna (#003C00) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 12.3 | Pass (body + label) |
| Parchment | 11.3 | Pass (body + label) |
| Soft Picardy | 10.2 | Pass (body + label) |
| Soft Brew | 8.7 | Pass (body + label) |
| Soft Wolfe | 8.4 | Pass (body + label) |
| Soft Gretna | 8.0 | Pass (body + label) |
| Picardy | 6.1 | Pass (body + label) |
| Strong Picardy | 3.4 | Pass (label only) |
| Charcoal | 1.7 | Fail |
| Leather | 2.4 | Fail |
Strong Brew (#68402E) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 8.6 | Pass (body + label) |
| Parchment | 7.9 | Pass (body + label) |
| Soft Picardy | 7.1 | Pass (body + label) |
| Soft Brew | 6.1 | Pass (body + label) |
| Soft Wolfe | 5.8 | Pass (body + label) |
| Soft Gretna | 5.5 | Pass (body + label) |
| Picardy | 4.3 | Pass (label only) |
| Leather | 2.4 | Fail |
| Charcoal | 1.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
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 9.6 | Pass (body + label) |
| Parchment | 8.8 | Pass (body + label) |
| Soft Picardy | 7.9 | Pass (body + label) |
| Soft Brew | 6.8 | Pass (body + label) |
| Soft Wolfe | 6.5 | Pass (body + label) |
| Soft Gretna | 6.2 | Pass (body + label) |
| Picardy | 4.8 | Pass (body + label) |
| Leather | 1.1 | Fail (merges) |
| Brew | 1.6 | Fail |
| Wolfe | 1.6 | Fail |
| Gretna | 1.4 | Fail |
| Strong Wolfe | 1.0 | Fail (merges) |
| Strong Gretna | 1.7 | Fail |
Leather (#1F1F1F) background
| Foreground | Ratio | Verdict |
|---|---|---|
| Cotton | 15.9 | Pass (body + label) |
| Parchment | 14.6 | Pass (body + label) |
| Soft Picardy | 13.2 | Pass (body + label) |
| Soft Brew | 11.2 | Pass (body + label) |
| Soft Wolfe | 10.8 | Pass (body + label) |
| Soft Gretna | 10.3 | Pass (body + label) |
| Picardy | 7.9 | Pass (body + label) |
| Strong Picardy | 4.4 | Pass (label only) |
| Brew | 3.5 | Pass (label only) |
| Wolfe | 3.3 | Pass (label only) |
| Charcoal | 1.1 | Fail (merges) |
| Gretna | 1.4 | Fail |
| Strong Gretna | 2.4 | Fail |
| Strong Brew | 2.4 | Fail |
| Strong Wolfe | 1.0 | Fail (merges) |