ColorSeed

Monochromatic · 5 colors · May 14, 2026

White paper

Create palette

Built on a soft drift between neighboring hues on the wheel, White paper unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to elegance and rigor.

MonochromaticPrintUI / AppMinimal
#353535Couleur 1
RGB53 53 53HSL0 0 21
#7B7B7BCouleur 2
RGB123 123 123HSL0 0 48
#A2A2A2Couleur 3
RGB162 162 162HSL0 0 64
#E9E9E9Couleur 4
RGB233 233 233HSL0 0 91
#F3F3F3Couleur 5
RGB243 243 243HSL0 0 95

Palette Usage Guide

Application Scenarios

Interface Design

Combine #353535 for text on #f3f3f3 background.

Emotional Impact

Built on a soft drift between neighboring hues on the wheel, White paper unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to elegance and rigor.

Contrast Analysis
Text on Canvas

11.1:1

AAA

Secondary on Canvas

2.3:1

Fail

Accent on Base

4.8:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :20 (Good)
#353535
DMC 500
Blue Green Vy Dk
ΔE 40
#7B7B7B
DMC 414
Steel Gray Dark
ΔE 9
#A2A2A2
DMC 318
Steel Gray Light
ΔE 12
#E9E9E9
DMC 762
Pearl Gray Vy Lt
ΔE 27
#F3F3F3
DMC 3865
Winter White
ΔE 11

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for design systems.

CSS
:root {
  --color-couleur-1: #353535;
  --color-couleur-2: #7b7b7b;
  --color-couleur-3: #a2a2a2;
  --color-couleur-4: #e9e9e9;
  --color-couleur-5: #f3f3f3;
}
Tailwind
'white-paper': {
  500: '#353535',
  400: '#7b7b7b',
  300: '#a2a2a2',
  200: '#e9e9e9',
  100: '#f3f3f3',
}
JSON
{
  "name": "White paper",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#353535"
    },
    {
      "name": "Couleur 2",
      "hex": "#7b7b7b"
    },
    {
      "name": "Couleur 3",
      "hex": "#a2a2a2"
    },
    {
      "name": "Couleur 4",
      "hex": "#e9e9e9"
    },
    {
      "name": "Couleur 5",
      "hex": "#f3f3f3"
    }
  ]
}
Export Image
Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro
Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1
White
12.27:1AAA
Black
1.71:1Fail
Couleur 2
White
4.23:1AA Large
Black
4.96:1AA
Couleur 3
White
2.55:1Fail
Black
8.23:1AAA
Couleur 4
White
1.21:1Fail
Black
17.3:1AAA
Couleur 5
White
1.11:1Fail
Black
18.93:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

White paper

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

· Display · Body
UI Components
Buttons
Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Structure & Gravity

Couleur 1 brings the density of black with increased breathability — dark and muted, it anchors compositions and lends them architectural depth.

DepthStructureProfessionalismGrounding
Couleur 2

Neutrality & Mediation

Couleur 2 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 3

Lightness & Space

Couleur 3 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.

LightnessSpaceClarityPremium
Couleur 4

Purity & Timelessness

Couleur 4 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.

PurityMinimalismClarityTimelessness
Couleur 5

Purity & Timelessness

Couleur 5 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.

PurityMinimalismClarityTimelessness
Visual Atmosphere

Moodboard

No images found

Export

Brand PDF

Premium Brand Guidelines document with palette, color psychology and moodboard.

PDF Brand Identity Export

7 premium pages: Cover · Palette · Detail · Typography · Usage Guide

Go Pro
Create your own palette on ColorSeed →