ColorSeed

Analogous · 8 colors · May 1, 2026

Beef & Bleaches

Create palette

Beef & Bleaches weaves the harmony of colors that speak without contradiction. a golden livable light — a contrast that cuts and asserts. It speaks of clarity, intellect and of stimulating.

AnalogousWebBrandingMonochromeGradientWarm
#3D3616Couleur 1
RGB61 54 22HSL49 47 16
#894621Couleur 2
RGB137 70 33HSL21 61 33
#84814ECouleur 3
RGB132 129 78HSL57 26 41
#D1632BCouleur 4
RGB209 99 43HSL20 66 49
#D59E4DCouleur 5
RGB213 158 77HSL36 62 57
#C0B58ECouleur 6
RGB192 181 142HSL47 28 65
#C6C7C3Couleur 7
RGB198 199 195HSL75 3 77
#E1E2DACouleur 8
RGB225 226 218HSL67 12 87

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3d3616 for text on #e1e2da background.

Emotional Impact

Beef & Bleaches weaves the harmony of colors that speak without contradiction. a golden livable light — a contrast that cuts and asserts. It speaks of clarity, intellect and of stimulating.

Contrast Analysis
Text on Canvas

9.3:1

AAA

Secondary on Canvas

1.8:1

Fail

Accent on Base

5.1:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :33 (Approximate)
#3D3616
DMC 898
Coffee Brown V Dk
ΔE 36
#894621
DMC 433
Brown Medium
ΔE 44
#84814E
DMC 732
Olive Green
ΔE 51
#D1632B
DMC 946
Burnt Orange Med
ΔE 30
#D59E4D
DMC 977
Golden Brown Lt
ΔE 18
#C0B58E
DMC 738
Tan Very Light
ΔE 51
#C6C7C3
DMC 415
Pearl Gray
ΔE 27
#E1E2DA
DMC 762
Pearl Gray Vy Lt
ΔE 10

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: #3d3616;
  --color-couleur-2: #894621;
  --color-couleur-3: #84814e;
  --color-couleur-4: #d1632b;
  --color-couleur-5: #d59e4d;
  --color-couleur-6: #c0b58e;
  --color-couleur-7: #c6c7c3;
  --color-couleur-8: #e1e2da;
}
Tailwind
'beef-bleaches': {
  800: '#3d3616',
  700: '#894621',
  600: '#84814e',
  500: '#d1632b',
  400: '#d59e4d',
  300: '#c0b58e',
  200: '#c6c7c3',
  100: '#e1e2da',
}
JSON
{
  "name": "Beef & Bleaches",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3d3616"
    },
    {
      "name": "Couleur 2",
      "hex": "#894621"
    },
    {
      "name": "Couleur 3",
      "hex": "#84814e"
    },
    {
      "name": "Couleur 4",
      "hex": "#d1632b"
    },
    {
      "name": "Couleur 5",
      "hex": "#d59e4d"
    },
    {
      "name": "Couleur 6",
      "hex": "#c0b58e"
    },
    {
      "name": "Couleur 7",
      "hex": "#c6c7c3"
    },
    {
      "name": "Couleur 8",
      "hex": "#e1e2da"
    }
  ]
}
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.09:1AAA
Black
1.74:1Fail
Couleur 2
White
7.09:1AAA
Black
2.96:1Fail
Couleur 3
White
4.01:1AA Large
Black
5.23:1AA
Couleur 4
White
3.8:1AA Large
Black
5.53:1AA
Couleur 5
White
2.38:1Fail
Black
8.83:1AAA
Couleur 6
White
2.05:1Fail
Black
10.24:1AAA
Couleur 7
White
1.7:1Fail
Black
12.36:1AAA
Couleur 8
White
1.3:1Fail
Black
16.09:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Beef & Bleaches

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

Creativity & Accessibility

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

CreativityAccessibilityFriendlinessOpenness
Couleur 2

Authenticity & Grounding

Couleur 2 evokes the dark, rich warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition
Couleur 3

Richness & Resonance

Couleur 3 radiates a medium, 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 4

Energy & Urgency

Couleur 4 is a medium, rich red that evokes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 5

Warmth & Benevolence

Couleur 5 evokes the light, rich warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 6

Creativity & Accessibility

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

CreativityAccessibilityFriendlinessOpenness
Couleur 7

Purity & Timelessness

Couleur 7 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 8

Purity & Timelessness

Couleur 8 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 →