ColorSeed

Analogous · 5 colors · May 16, 2026

Vivaldi Power

Create palette

Vivaldi Power — a unique chromatic harmony. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

AnalogousPrintForestNature
#342927Couleur 1
RGB52 41 39HSL9 14 18
#874933Couleur 2
RGB135 73 51HSL16 45 36
#F23235Couleur 3
RGB242 50 53HSL359 88 57
#CE9D6ACouleur 4
RGB206 157 106HSL31 51 61
#E5E4C8Couleur 5
RGB229 228 200HSL58 36 84

Palette Usage Guide

Application Scenarios

Interface Design

Combine #342927 for text on #e5e4c8 background.

Emotional Impact

Vivaldi Power — a unique chromatic harmony. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

10.9:1

AAA

Secondary on Canvas

3.1:1

AA Large

Accent on Base

3.5:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :47 (Approximate)
#342927
DMC 898
Coffee Brown V Dk
ΔE 34
#874933
DMC 433
Brown Medium
ΔE 70
#F23235
DMC 349
Coral Dark
ΔE 68
#CE9D6A
DMC 437
Tan Light
ΔE 32
#E5E4C8
DMC 746
Off White
ΔE 32

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: #342927;
  --color-couleur-2: #874933;
  --color-couleur-3: #f23235;
  --color-couleur-4: #ce9d6a;
  --color-couleur-5: #e5e4c8;
}
Tailwind
'vivaldi-power': {
  500: '#342927',
  400: '#874933',
  300: '#f23235',
  200: '#ce9d6a',
  100: '#e5e4c8',
}
JSON
{
  "name": "Vivaldi Power",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#342927"
    },
    {
      "name": "Couleur 2",
      "hex": "#874933"
    },
    {
      "name": "Couleur 3",
      "hex": "#f23235"
    },
    {
      "name": "Couleur 4",
      "hex": "#ce9d6a"
    },
    {
      "name": "Couleur 5",
      "hex": "#e5e4c8"
    }
  ]
}
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
14.07:1AAA
Black
1.49:1Fail
Couleur 2
White
6.93:1AA
Black
3.03:1AA Large
Couleur 3
White
3.97:1AA Large
Black
5.28:1AA
Couleur 4
White
2.43:1Fail
Black
8.66:1AAA
Couleur 5
White
1.29:1Fail
Black
16.26:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Vivaldi Power

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

Authority & Mastery

Couleur 1 is a deep, muted red that anchors a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 2

Authority & Mastery

Couleur 2 is a dark, balanced red that evokes a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 3

Energy & Urgency

Couleur 3 is a light, vivid 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 4

Warmth & Benevolence

Couleur 4 evokes the light, balanced 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 5

Clarity & Alertness

Couleur 5 radiates a pale, quiet warmth reminiscent of the first hours of morning. Its luminosity stimulates mental alertness and optimism without vivid yellow's aggressiveness, maintaining a sense of comfort and clarity.

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