ColorSeed

Split-Complementary · 5 colors · May 6, 2026

Salmon and Apricot

Create palette

Built on the perfect balance of opposites — each one revealing the other, Salmon and Apricot unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to growth and vitality.

Split-ComplementaryPrintNature
#672613Couleur 1
RGB103 38 19HSL14 69 24
#645C67Couleur 2
RGB100 92 103HSL284 6 38
#F48F6DCouleur 3
RGB244 143 109HSL15 86 69
#C1C4D2Couleur 4
RGB193 196 210HSL229 16 79
#FCCAACCouleur 5
RGB252 202 172HSL23 93 83

Palette Usage Guide

Application Scenarios

Interface Design

Combine #672613 for text on #fccaac background.

Emotional Impact

Built on the perfect balance of opposites — each one revealing the other, Salmon and Apricot unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to growth and vitality.

Contrast Analysis
Text on Canvas

7.6:1

AAA

Secondary on Canvas

1.6:1

Fail

Accent on Base

4.8:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :32 (Approximate)
#672613
DMC 801
Coffee Brown Dk
ΔE 51
#645C67
DMC 317
Pewter Gray
ΔE 20
#F48F6D
DMC 352
Coral Light
ΔE 44
#C1C4D2
DMC 415
Pearl Gray
ΔE 35
#FCCAAC
DMC 353
Peach
ΔE 11

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: #672613;
  --color-couleur-2: #645c67;
  --color-couleur-3: #f48f6d;
  --color-couleur-4: #c1c4d2;
  --color-couleur-5: #fccaac;
}
Tailwind
'salmon-and-apricot': {
  500: '#672613',
  400: '#645c67',
  300: '#f48f6d',
  200: '#c1c4d2',
  100: '#fccaac',
}
JSON
{
  "name": "Salmon and Apricot",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#672613"
    },
    {
      "name": "Couleur 2",
      "hex": "#645c67"
    },
    {
      "name": "Couleur 3",
      "hex": "#f48f6d"
    },
    {
      "name": "Couleur 4",
      "hex": "#c1c4d2"
    },
    {
      "name": "Couleur 5",
      "hex": "#fccaac"
    }
  ]
}
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
11.27:1AAA
Black
1.86:1Fail
Couleur 2
White
6.42:1AA
Black
3.27:1AA Large
Couleur 3
White
2.33:1Fail
Black
9:1AAA
Couleur 4
White
1.74:1Fail
Black
12.09:1AAA
Couleur 5
White
1.48:1Fail
Black
14.18:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Salmon and Apricot

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 dark, rich red that commands a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 2

Sophistication & Balance

Couleur 2 masters the art of discretion — medium and muted, it structures without dominating. Ideal as a background or type color in mature design systems.

SophisticationDiscretionBalanceMaturity
Couleur 3

Energy & Urgency

Couleur 3 is a light, vivid red that radiates a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 4

Serenity & Openness

Couleur 4 whispers the pale, muted register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.

SerenityOpennessLightnessAccessibility
Couleur 5

Warmth & Benevolence

Couleur 5 radiates the pale, 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
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 →