ColorSeed

Complementary · 10 colors · May 7, 2026

Powdery Citrine Connection

Create palette

Built on the electric tension between two opposites that magnify each other, Powdery Citrine Connection unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to growth and vitality.

ComplementaryIllustrationGameDarkNeonBold
#F3C268Couleur 1
RGB243 194 104HSL39 85 68
#8EE6F5Couleur 2
RGB142 230 245HSL189 84 76
#F3B468Couleur 3
RGB243 180 104HSL33 85 68
#18B4ECCouleur 4
RGB24 180 236HSL196 85 51
#C66B10Couleur 5
RGB198 107 16HSL30 85 42
#0D63A5Couleur 6
RGB13 99 165HSL206 85 35
#6D1608Couleur 7
RGB109 22 8HSL8 86 23
#092462Couleur 8
RGB9 36 98HSL222 83 21
#420505Couleur 9
RGB66 5 5HSL0 86 14
#051542Couleur 10
RGB5 21 66HSL224 86 14

Palette Usage Guide

Application Scenarios

Interface Design

Combine #051542 for text on #8ee6f5 background.

Emotional Impact

Built on the electric tension between two opposites that magnify each other, Powdery Citrine Connection unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to growth and vitality.

Contrast Analysis
Text on Canvas

12.4:1

AAA

Secondary on Canvas

2.7:1

Fail

Accent on Base

4.6:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :51 (Rough)
#F3C268
DMC 3821
Straw
ΔE 19
#8EE6F5
DMC 3811
Turquoise Vy Lt
ΔE 61
#F3B468
DMC 742
Tangerine Light
ΔE 20
#18B4EC
DMC 597
Turquoise
ΔE 143
#C66B10
DMC 946
Burnt Orange Med
ΔE 49
#0D63A5
DMC 825
Blue Dark
ΔE 33
#6D1608
DMC 814
Garnet Dark
ΔE 50
#092462
DMC 336
Navy Blue
ΔE 44
#420505
DMC 938
Coffee Brown Ul Dk
ΔE 51
#051542
DMC 823
Navy Blue Dk
ΔE 35

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: #f3c268;
  --color-couleur-2: #8ee6f5;
  --color-couleur-3: #f3b468;
  --color-couleur-4: #18b4ec;
  --color-couleur-5: #c66b10;
  --color-couleur-6: #0d63a5;
  --color-couleur-7: #6d1608;
  --color-couleur-8: #092462;
  --color-couleur-9: #420505;
  --color-couleur-10: #051542;
}
Tailwind
'powdery-citrine-connection': {
  1000: '#f3c268',
  900: '#8ee6f5',
  800: '#f3b468',
  700: '#18b4ec',
  600: '#c66b10',
  500: '#0d63a5',
  400: '#6d1608',
  300: '#092462',
  200: '#420505',
  100: '#051542',
}
JSON
{
  "name": "Powdery Citrine Connection",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3c268"
    },
    {
      "name": "Couleur 2",
      "hex": "#8ee6f5"
    },
    {
      "name": "Couleur 3",
      "hex": "#f3b468"
    },
    {
      "name": "Couleur 4",
      "hex": "#18b4ec"
    },
    {
      "name": "Couleur 5",
      "hex": "#c66b10"
    },
    {
      "name": "Couleur 6",
      "hex": "#0d63a5"
    },
    {
      "name": "Couleur 7",
      "hex": "#6d1608"
    },
    {
      "name": "Couleur 8",
      "hex": "#092462"
    },
    {
      "name": "Couleur 9",
      "hex": "#420505"
    },
    {
      "name": "Couleur 10",
      "hex": "#051542"
    }
  ]
}
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.65:1Fail
Black
12.73:1AAA
Couleur 2
White
1.42:1Fail
Black
14.79:1AAA
Couleur 3
White
1.82:1Fail
Black
11.54:1AAA
Couleur 4
White
2.39:1Fail
Black
8.78:1AAA
Couleur 5
White
3.81:1AA Large
Black
5.51:1AA
Couleur 6
White
6.28:1AA
Black
3.35:1AA Large
Couleur 7
White
11.87:1AAA
Black
1.77:1Fail
Couleur 8
White
14.58:1AAA
Black
1.44:1Fail
Couleur 9
White
16.73:1AAA
Black
1.26:1Fail
Couleur 10
White
17.61:1AAA
Black
1.19:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Powdery Citrine Connection

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

Innovation & Precision

Couleur 2 is a pale, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 3

Warmth & Benevolence

Couleur 3 radiates the light, 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
Couleur 4

Innovation & Precision

Couleur 4 is a medium, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 5

Authenticity & Grounding

Couleur 5 evokes the medium, vivid warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition
Couleur 6

Innovation & Precision

Couleur 6 is a dark, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 7

Authority & Mastery

Couleur 7 is a dark, 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 8

Trust & Authority

Couleur 8 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 9

Authority & Mastery

Couleur 9 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 10

Trust & Authority

Couleur 10 commands the deep, 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
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 →