ColorSeed

Monochromatic · 5 colors · May 16, 2026

Breaking Bad

Create palette

Through a unique chromatic harmony, Breaking Bad composes the sobriety of a mastered architectural space. The contrast between hues evokes growth, vitality.

MonochromaticBrandingPrintDarkMonochromeGradient
#17180BCouleur 1
RGB23 24 11HSL65 37 7
#2F371CCouleur 2
RGB47 55 28HSL78 33 16
#4C5F35Couleur 3
RGB76 95 53HSL87 28 29
#AFAE45Couleur 4
RGB175 174 69HSL59 43 48
#EEF3DACouleur 5
RGB238 243 218HSL72 51 90

Palette Usage Guide

Application Scenarios

Interface Design

Combine #17180b for text on #eef3da background.

Emotional Impact

Through a unique chromatic harmony, Breaking Bad composes the sobriety of a mastered architectural space. The contrast between hues evokes growth, vitality.

Contrast Analysis
Text on Canvas

15.8:1

AAA

Secondary on Canvas

6.2:1

AA

Accent on Base

2.6:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :28 (Approximate)
#17180B
DMC 938
Coffee Brown Ul Dk
ΔE 28
#2F371C
DMC 500
Blue Green Vy Dk
ΔE 38
#4C5F35
DMC 986
Forest Green Vy D
ΔE 30
#AFAE45
DMC 470
Avocado Lt
ΔE 21
#EEF3DA
DMC ECRU
Ecru
ΔE 23

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: #17180b;
  --color-couleur-2: #2f371c;
  --color-couleur-3: #4c5f35;
  --color-couleur-4: #afae45;
  --color-couleur-5: #eef3da;
}
Tailwind
'breaking-bad': {
  500: '#17180b',
  400: '#2f371c',
  300: '#4c5f35',
  200: '#afae45',
  100: '#eef3da',
}
JSON
{
  "name": "Breaking Bad",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#17180b"
    },
    {
      "name": "Couleur 2",
      "hex": "#2f371c"
    },
    {
      "name": "Couleur 3",
      "hex": "#4c5f35"
    },
    {
      "name": "Couleur 4",
      "hex": "#afae45"
    },
    {
      "name": "Couleur 5",
      "hex": "#eef3da"
    }
  ]
}
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
17.92:1AAA
Black
1.17:1Fail
Couleur 2
White
12.47:1AAA
Black
1.68:1Fail
Couleur 3
White
7.01:1AAA
Black
3:1AA Large
Couleur 4
White
2.34:1Fail
Black
8.96:1AAA
Couleur 5
White
1.14:1Fail
Black
18.47:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Breaking Bad

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

Richness & Resonance

Couleur 1 radiates a deep, quiet warmth reminiscent of raw honey and aged gold. This amber depth is associated with richness, heritage, and cultural authenticity — a timeless symbol of lasting value.

RichnessHeritageAuthenticityDepth
Couleur 2

Dynamism & Originality

Couleur 2 occupies rare chromatic territory — between yellow and green — with a quiet saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Couleur 3

Grounding & Durability

Couleur 3 is a dark, quiet lime green that evokes the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

SolidityDurabilityTrustPermanence
Couleur 4

Richness & Resonance

Couleur 4 radiates a medium, balanced warmth reminiscent of raw honey and aged gold. This amber depth is associated with richness, heritage, and cultural authenticity — a timeless symbol of lasting value.

RichnessHeritageAuthenticityDepth
Couleur 5

Dynamism & Originality

Couleur 5 occupies rare chromatic territory — between yellow and green — with a balanced saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
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 →