ColorSeed

Complementary · 5 colors · May 6, 2026

Abyssal Amethyst Perception

Create palette

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

ComplementaryPrintDarkCool
#B7B7F5Couleur 1
RGB183 183 245HSL240 76 84
#9D976CCouleur 2
RGB157 151 108HSL53 20 52
#625BB3Couleur 3
RGB98 91 179HSL245 37 53
#291805Couleur 4
RGB41 24 5HSL32 78 9
#100B32Couleur 5
RGB16 11 50HSL248 64 12

Palette Usage Guide

Application Scenarios

Interface Design

Combine #100b32 for text on #b7b7f5 background.

Emotional Impact

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

Contrast Analysis
Text on Canvas

10:1

AAA

Secondary on Canvas

3:1

AA Large

Accent on Base

3.3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :47 (Approximate)
#B7B7F5
DMC 800
Delft Blue Pale
ΔE 53
#9D976C
DMC 733
Olive Green Med
ΔE 52
#625BB3
DMC 798
Delft Blue Dark
ΔE 66
#291805
DMC 938
Coffee Brown Ul Dk
ΔE 7
#100B32
DMC 823
Navy Blue Dk
ΔE 55

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: #b7b7f5;
  --color-couleur-2: #9d976c;
  --color-couleur-3: #625bb3;
  --color-couleur-4: #291805;
  --color-couleur-5: #100b32;
}
Tailwind
'abyssal-amethyst-perception': {
  500: '#b7b7f5',
  400: '#9d976c',
  300: '#625bb3',
  200: '#291805',
  100: '#100b32',
}
JSON
{
  "name": "Abyssal Amethyst Perception",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#b7b7f5"
    },
    {
      "name": "Couleur 2",
      "hex": "#9d976c"
    },
    {
      "name": "Couleur 3",
      "hex": "#625bb3"
    },
    {
      "name": "Couleur 4",
      "hex": "#291805"
    },
    {
      "name": "Couleur 5",
      "hex": "#100b32"
    }
  ]
}
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.89:1Fail
Black
11.11:1AAA
Couleur 2
White
2.97:1Fail
Black
7.08:1AAA
Couleur 3
White
5.73:1AA
Black
3.67:1AA Large
Couleur 4
White
17.11:1AAA
Black
1.23:1Fail
Couleur 5
White
18.82:1AAA
Black
1.12:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Abyssal Amethyst 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

Intuition & Vision

Couleur 1 is a pale, rich indigo that radiates the creative tension between blue's structure and violet's imagination. More luminous, it embodies creative rigor: structured enough to be credible, inventive enough to surprise.

IntuitionCreativityInnovationRigor
Couleur 2

Creativity & Accessibility

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

CreativityAccessibilityFriendlinessOpenness
Couleur 3

Intuition & Vision

Couleur 3 is a medium, quiet indigo that evokes the creative tension between blue's structure and violet's imagination. More luminous, it embodies creative rigor: structured enough to be credible, inventive enough to surprise.

IntuitionCreativityInnovationRigor
Couleur 4

Authenticity & Grounding

Couleur 4 commands the deep, 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 5

Wisdom & Depth

Couleur 5 is a deep, rich indigo that commands the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.

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