Analogous · 5 colors · April 26, 2026

Fortress & Buzz-In

Born from "Fortress & Buzz-In", Fortress & Buzz-In explores the hidden richness of one pigment under every light. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

AnalogousBranding Game Dark Monochrome Gradient

#FFD752Couleur 1

RGB255 215 82HSL46 100 66

#E7B840Couleur 2

RGB231 184 64HSL43 78 58

#855600Couleur 3

RGB133 86 0HSL39 100 26

#2E0C00Couleur 4

RGB46 12 0HSL16 100 9

#190000Couleur 5

RGB25 0 0HSL0 100 5

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #190000 for text on #ffd752 background.

Emotional Impact

Born from "Fortress & Buzz-In", Fortress & Buzz-In explores the hidden richness of one pigment under every light. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

Contrast Analysis

Text on Canvas

14.5:1

AAA

Secondary on Canvas

4.5:1

Accent on Base

3.2:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :33 (Approximate)

#FFD752

DMC 726

Topaz Light

ΔE 15

#E7B840

DMC 725

Topaz Medium Lt

ΔE 36

#855600

DMC 433

Brown Medium

ΔE 51

#2E0C00

DMC 938

Coffee Brown Ul Dk

ΔE 27

#190000

DMC 310

Black

ΔE 36

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: #ffd752;
  --color-couleur-2: #e7b840;
  --color-couleur-3: #855600;
  --color-couleur-4: #2e0c00;
  --color-couleur-5: #190000;
}

Tailwind

'fortress-buzz-in': {
  500: '#ffd752',
  400: '#e7b840',
  300: '#855600',
  200: '#2e0c00',
  100: '#190000',
}

JSON

{
  "name": "Fortress & Buzz-In",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffd752"
    },
    {
      "name": "Couleur 2",
      "hex": "#e7b840"
    },
    {
      "name": "Couleur 3",
      "hex": "#855600"
    },
    {
      "name": "Couleur 4",
      "hex": "#2e0c00"
    },
    {
      "name": "Couleur 5",
      "hex": "#190000"
    }
  ]
}

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.39:1Fail

Black

15.09:1AAA

Couleur 2

White

1.85:1Fail

Black

11.33:1AAA

Couleur 3

White

6.31:1AA

Black

3.33:1AA Large

Couleur 4

White

17.97:1AAA

Black

1.17:1Fail

Couleur 5

White

20.17:1AAA

Black

1.04:1Fail

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Fortress & Buzz-In

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

Enthusiasm & Boldness

Couleur 2 is a light orange with vivid saturation that evokes 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 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

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 →