ColorSeed

Split-Complementary · 2 colors · May 6, 2026

Temperate Topaz Silence

Create palette

Temperate Topaz Silence weaves the elegance of one hue facing its two complementary neighbors. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

Split-ComplementaryIllustrationDarkBoldForest
#FFD9ABCouleur 1
RGB255 217 171HSL33 100 84
#001C1FCouleur 2
RGB0 28 31HSL186 100 6

Palette Usage Guide

Application Scenarios

Interface Design

Combine #001c1f for text on #ffd9ab background.

Emotional Impact

Temperate Topaz Silence weaves the elegance of one hue facing its two complementary neighbors. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

Contrast Analysis
Text on Canvas

13.3:1

AAA

Secondary on Canvas

1:1

Fail

Accent on Base

13.3:1

AAA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :54 (Rough)
#FFD9AB
DMC 745
Yellow Lt Pale
ΔE 36
#001C1F
DMC 938
Coffee Brown Ul Dk
ΔE 72

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: #ffd9ab;
  --color-couleur-2: #001c1f;
}
Tailwind
'temperate-topaz-silence': {
  200: '#ffd9ab',
  100: '#001c1f',
}
JSON
{
  "name": "Temperate Topaz Silence",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffd9ab"
    },
    {
      "name": "Couleur 2",
      "hex": "#001c1f"
    }
  ]
}
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.33:1Fail
Black
15.77:1AAA
Couleur 2
White
17.71:1AAA
Black
1.19:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Temperate Topaz Silence

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 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
Couleur 2

Innovation & Precision

Couleur 2 is a deep, 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
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 →