ColorSeed

Complementary · 5 colors · May 28, 2026

Compact Apricot Presence

Create palette

Through the sharp dialogue of two hues facing one another, Compact Apricot Presence composes an elegant and restrained refinement. The rhythm between hues evokes growth, vitality.

ComplementaryIllustrationGameDarkBoldForest
#E19837Couleur 1
RGB225 152 55HSL34 74 55
#6A9EC8Couleur 2
RGB106 158 200HSL207 46 60
#A63911Couleur 3
RGB166 57 17HSL16 81 36
#0B306ACouleur 4
RGB11 48 106HSL217 81 23
#470000Couleur 5
RGB71 0 0HSL0 100 14

Palette Usage Guide

Application Scenarios

Interface Design

Combine #470000 for text on #e19837 background.

Emotional Impact

Through the sharp dialogue of two hues facing one another, Compact Apricot Presence composes an elegant and restrained refinement. The rhythm between hues evokes growth, vitality.

Contrast Analysis
Text on Canvas

6.9:1

AA

Secondary on Canvas

2.7:1

Fail

Accent on Base

2.5:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :47 (Approximate)
#E19837
DMC 977
Golden Brown Lt
ΔE 28
#6A9EC8
DMC 3839
Lavender Blue Med
ΔE 40
#A63911
DMC 347
Salmon Vy Dark
ΔE 68
#0B306A
DMC 336
Navy Blue
ΔE 33
#470000
DMC 814
Garnet Dark
ΔE 65

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: #e19837;
  --color-couleur-2: #6a9ec8;
  --color-couleur-3: #a63911;
  --color-couleur-4: #0b306a;
  --color-couleur-5: #470000;
}
Tailwind
'compact-apricot-presence': {
  500: '#e19837',
  400: '#6a9ec8',
  300: '#a63911',
  200: '#0b306a',
  100: '#470000',
}
JSON
{
  "name": "Compact Apricot Presence",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#e19837"
    },
    {
      "name": "Couleur 2",
      "hex": "#6a9ec8"
    },
    {
      "name": "Couleur 3",
      "hex": "#a63911"
    },
    {
      "name": "Couleur 4",
      "hex": "#0b306a"
    },
    {
      "name": "Couleur 5",
      "hex": "#470000"
    }
  ]
}
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
2.4:1Fail
Black
8.75:1AAA
Couleur 2
White
2.86:1Fail
Black
7.34:1AAA
Couleur 3
White
6.53:1AA
Black
3.21:1AA Large
Couleur 4
White
12.76:1AAA
Black
1.65:1Fail
Couleur 5
White
16.56:1AAA
Black
1.27:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Compact Apricot Presence

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

Warmth & Benevolence

Couleur 1 evokes the light, rich 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 2

Serenity & Lightness

Couleur 2 is a light, balanced cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.

SerenityLightnessClarityGuidance
Couleur 3

Authority & Mastery

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

Trust & Authority

Couleur 4 commands the dark, vivid register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.

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