ColorSeed

Split-Complementary · 5 colors · May 21, 2026

Ethereal Garnet Perception

Create palette

Through an asymmetric triangle that plays with the eye without tiring it, Ethereal Garnet Perception composes a space of quiet contemplation. The contrast between hues evokes clarity, openness.

Split-ComplementaryIllustrationFashionDarkBoldCool
#F8B9F1Couleur 1
RGB248 185 241HSL307 82 85
#BDCE97Couleur 2
RGB189 206 151HSL79 36 70
#1294B5Couleur 3
RGB18 148 181HSL192 82 39
#61234FCouleur 4
RGB97 35 79HSL317 47 26
#272E05Couleur 5
RGB39 46 5HSL70 80 10

Palette Usage Guide

Application Scenarios

Interface Design

Combine #272e05 for text on #f8b9f1 background.

Emotional Impact

Through an asymmetric triangle that plays with the eye without tiring it, Ethereal Garnet Perception composes a space of quiet contemplation. The contrast between hues evokes clarity, openness.

Contrast Analysis
Text on Canvas

8.9:1

AAA

Secondary on Canvas

2.2:1

Fail

Accent on Base

4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :57 (Rough)
#F8B9F1
DMC 605
Cranberry Vy Lt
ΔE 46
#BDCE97
DMC 504
Blue Green Lt
ΔE 58
#1294B5
DMC 958
Sea Green Dk
ΔE 74
#61234F
DMC 550
Violet Vy Dk
ΔE 63
#272E05
DMC 898
Coffee Brown V Dk
ΔE 46

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: #f8b9f1;
  --color-couleur-2: #bdce97;
  --color-couleur-3: #1294b5;
  --color-couleur-4: #61234f;
  --color-couleur-5: #272e05;
}
Tailwind
'ethereal-garnet-perception': {
  500: '#f8b9f1',
  400: '#bdce97',
  300: '#1294b5',
  200: '#61234f',
  100: '#272e05',
}
JSON
{
  "name": "Ethereal Garnet Perception",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f8b9f1"
    },
    {
      "name": "Couleur 2",
      "hex": "#bdce97"
    },
    {
      "name": "Couleur 3",
      "hex": "#1294b5"
    },
    {
      "name": "Couleur 4",
      "hex": "#61234f"
    },
    {
      "name": "Couleur 5",
      "hex": "#272e05"
    }
  ]
}
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.59:1Fail
Black
13.2:1AAA
Couleur 2
White
1.69:1Fail
Black
12.44:1AAA
Couleur 3
White
3.54:1AA Large
Black
5.93:1AA
Couleur 4
White
11.28:1AAA
Black
1.86:1Fail
Couleur 5
White
14.2:1AAA
Black
1.48:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Ethereal Garnet Perception

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

Boldness & Modernity

Couleur 1 is a pale, vivid rose that radiates an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 2

Dynamism & Originality

Couleur 2 occupies rare chromatic territory — between yellow and green — with a quiet saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Couleur 3

Innovation & Precision

Couleur 3 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 4

Intensity & Subversion

Couleur 4 is a dark, balanced rose that evokes a strong, subversive cultural statement. In its dark tones, pink transforms — it becomes radical, contemporary, unforgettable. The choice of brands that own their singularity.

IntensitySubversionContemporaryImpact
Couleur 5

Singularity & Disruption

Couleur 5 occupies rare chromatic territory — between yellow and green — with a vivid saturation that makes it electrifying and immediately recognizable. Its singularity makes it a powerful identity marker in markets saturated with blues and grays.

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