ColorSeed

Analogous · 5 colors · May 30, 2026

Attenuated Butter Breath

Create palette

Attenuated Butter Breath weaves the natural fluidity of colors that touch in the spectrum. a golden livable light — a contrast that cuts and asserts. It speaks of creativity, enthusiasm and of joyful.

AnalogousGameDarkNeonMonochrome
#F7C955Couleur 1
RGB247 201 85HSL43 91 65
#F4BD71Couleur 2
RGB244 189 113HSL35 86 70
#C35A09Couleur 3
RGB195 90 9HSL26 91 40
#4E1203Couleur 4
RGB78 18 3HSL12 93 16
#2B0B03Couleur 5
RGB43 11 3HSL12 87 9

Palette Usage Guide

Application Scenarios

Interface Design

Combine #2b0b03 for text on #f7c955 background.

Emotional Impact

Attenuated Butter Breath weaves the natural fluidity of colors that touch in the spectrum. a golden livable light — a contrast that cuts and asserts. It speaks of creativity, enthusiasm and of joyful.

Contrast Analysis
Text on Canvas

11.7:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4.2:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :34 (Approximate)
#F7C955
DMC 725
Topaz Medium Lt
ΔE 19
#F4BD71
DMC 742
Tangerine Light
ΔE 26
#C35A09
DMC 946
Burnt Orange Med
ΔE 51
#4E1203
DMC 814
Garnet Dark
ΔE 50
#2B0B03
DMC 938
Coffee Brown Ul Dk
ΔE 26

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: #f7c955;
  --color-couleur-2: #f4bd71;
  --color-couleur-3: #c35a09;
  --color-couleur-4: #4e1203;
  --color-couleur-5: #2b0b03;
}
Tailwind
'attenuated-butter-breath': {
  500: '#f7c955',
  400: '#f4bd71',
  300: '#c35a09',
  200: '#4e1203',
  100: '#2b0b03',
}
JSON
{
  "name": "Attenuated Butter Breath",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f7c955"
    },
    {
      "name": "Couleur 2",
      "hex": "#f4bd71"
    },
    {
      "name": "Couleur 3",
      "hex": "#c35a09"
    },
    {
      "name": "Couleur 4",
      "hex": "#4e1203"
    },
    {
      "name": "Couleur 5",
      "hex": "#2b0b03"
    }
  ]
}
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.56:1Fail
Black
13.44:1AAA
Couleur 2
White
1.7:1Fail
Black
12.36:1AAA
Couleur 3
White
4.39:1AA Large
Black
4.79:1AA
Couleur 4
White
14.87:1AAA
Black
1.41:1Fail
Couleur 5
White
18.23:1AAA
Black
1.15:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Attenuated Butter Breath

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 light 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

Warmth & Benevolence

Couleur 2 radiates the light, vivid 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 3

Authenticity & Grounding

Couleur 3 evokes the medium, vivid 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 4

Authority & Mastery

Couleur 4 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 5

Authority & Mastery

Couleur 5 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

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