ColorSeed

Split-Complementary · 5 colors · April 26, 2026

Basket & Vegan

Create palette

Born from "Basket & Vegan", Basket & Vegan explores a unique chromatic harmony. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.

Split-ComplementaryPrintInteriorWarmEarth
#DC4C41Couleur 1
RGB220 76 65HSL4 69 56
#837467Couleur 2
RGB131 116 103HSL28 12 46
#0FBD86Couleur 3
RGB15 189 134HSL161 85 40
#C9B9ABCouleur 4
RGB201 185 171HSL28 22 73
#F4F3F0Couleur 5
RGB244 243 240HSL45 15 95

Palette Usage Guide

Application Scenarios

Interface Design

Combine #837467 for text on #f4f3f0 background.

Emotional Impact

Born from "Basket & Vegan", Basket & Vegan explores a unique chromatic harmony. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.

Contrast Analysis
Text on Canvas

4.1:1

AA Large

Secondary on Canvas

2.2:1

Fail

Accent on Base

1.9:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :39 (Approximate)
#DC4C41
DMC 349
Coral Dark
ΔE 41
#837467
DMC 414
Steel Gray Dark
ΔE 42
#0FBD86
DMC 958
Sea Green Dk
ΔE 73
#C9B9AB
DMC 415
Pearl Gray
ΔE 34
#F4F3F0
DMC 3865
Winter White
ΔE 7

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: #dc4c41;
  --color-couleur-2: #837467;
  --color-couleur-3: #0fbd86;
  --color-couleur-4: #c9b9ab;
  --color-couleur-5: #f4f3f0;
}
Tailwind
'basket-vegan': {
  500: '#dc4c41',
  400: '#837467',
  300: '#0fbd86',
  200: '#c9b9ab',
  100: '#f4f3f0',
}
JSON
{
  "name": "Basket & Vegan",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#dc4c41"
    },
    {
      "name": "Couleur 2",
      "hex": "#837467"
    },
    {
      "name": "Couleur 3",
      "hex": "#0fbd86"
    },
    {
      "name": "Couleur 4",
      "hex": "#c9b9ab"
    },
    {
      "name": "Couleur 5",
      "hex": "#f4f3f0"
    }
  ]
}
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
4.08:1AA Large
Black
5.15:1AA
Couleur 2
White
4.51:1AA
Black
4.66:1AA
Couleur 3
White
2.43:1Fail
Black
8.64:1AAA
Couleur 4
White
1.91:1Fail
Black
11.01:1AAA
Couleur 5
White
1.11:1Fail
Black
18.93:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Basket & Vegan

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

Energy & Urgency

Couleur 1 is a light, 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 2

Neutrality & Mediation

Couleur 2 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 3

Depth & Mystery

Couleur 3 evokes the silent depth of the ocean floor — a medium, vivid hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication
Couleur 4

Warmth & Benevolence

Couleur 4 whispers the pale, quiet 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

Creativity & Accessibility

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

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