Monochromatic · 5 colors · April 28, 2026

Yellow & Vermin

Yellow & Vermin — a soft drift between neighboring hues on the wheel. The palette develops a warm register that draws and holds and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for clarity and intellect.

MonochromaticGame Warm Dark Monochrome

#FFDB83Couleur 1

RGB255 219 131HSL43 100 76

#DAC68FCouleur 2

RGB218 198 143HSL44 50 71

#937300Couleur 3

RGB147 115 0HSL47 100 29

#3B3200Couleur 4

RGB59 50 0HSL51 100 12

#201D00Couleur 5

RGB32 29 0HSL54 100 6

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #201d00 for text on #ffdb83 background.

Emotional Impact

Contrast Analysis

Text on Canvas

12.7:1

AAA

Secondary on Canvas

3.3:1

AA Large

Accent on Base

3.8:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :42 (Approximate)

#FFDB83

DMC 744

Yellow Pale

ΔE 14

#DAC68F

DMC 738

Tan Very Light

ΔE 51

#937300

DMC 731

Olive Green Dk

ΔE 75

#3B3200

DMC 898

Coffee Brown V Dk

ΔE 45

#201D00

DMC 938

Coffee Brown Ul Dk

ΔE 24

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: #ffdb83;
  --color-couleur-2: #dac68f;
  --color-couleur-3: #937300;
  --color-couleur-4: #3b3200;
  --color-couleur-5: #201d00;
}

Tailwind

'yellow-vermin': {
  500: '#ffdb83',
  400: '#dac68f',
  300: '#937300',
  200: '#3b3200',
  100: '#201d00',
}

JSON

{
  "name": "Yellow & Vermin",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffdb83"
    },
    {
      "name": "Couleur 2",
      "hex": "#dac68f"
    },
    {
      "name": "Couleur 3",
      "hex": "#937300"
    },
    {
      "name": "Couleur 4",
      "hex": "#3b3200"
    },
    {
      "name": "Couleur 5",
      "hex": "#201d00"
    }
  ]
}

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

1.34:1Fail

Black

15.71:1AAA

Couleur 2

White

1.69:1Fail

Black

12.46:1AAA

Couleur 3

White

4.47:1AA Large

Black

4.69:1AA

Couleur 4

White

12.79:1AAA

Black

1.64:1Fail

Couleur 5

White

16.97:1AAA

Black

1.24:1Fail

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Yellow & Vermin

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

Enthusiasm & Boldness

Couleur 1 is a pale orange with vivid saturation that radiates positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

Couleur 2

Creativity & Accessibility

Couleur 2 is a light orange with balanced saturation that breathes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

CreativityAccessibilityFriendlinessOpenness

Couleur 3

Enthusiasm & Boldness

Couleur 3 is a dark orange with vivid saturation that commands positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

Couleur 4

Enthusiasm & Boldness

Couleur 4 is a deep orange with vivid saturation that commands positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

Couleur 5

Enthusiasm & Boldness

Couleur 5 is a deep orange with vivid saturation that commands positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

EnthusiasmOptimismEnergyImpact

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 →