ColorSeed

Split-Complementary · 5 colors · April 26, 2026

Freedom & Void

Create palette

Freedom & Void weaves three colors in perfect rotation, like the facets of a prism. the sobriety of a mastered architectural space — an uncompromising visual dramaturgy. It speaks of growth, vitality and of calming.

Split-ComplementaryGamePrintDarkCoolForest
#A6D5B9Couleur 1
RGB166 213 185HSL144 36 74
#ABB0CCCouleur 2
RGB171 176 204HSL231 24 74
#895345Couleur 3
RGB137 83 69HSL12 33 40
#0B2A15Couleur 4
RGB11 42 21HSL139 58 10
#0B1024Couleur 5
RGB11 16 36HSL228 53 9

Palette Usage Guide

Application Scenarios

Interface Design

Combine #0b1024 for text on #a6d5b9 background.

Emotional Impact

Freedom & Void weaves three colors in perfect rotation, like the facets of a prism. the sobriety of a mastered architectural space — an uncompromising visual dramaturgy. It speaks of growth, vitality and of calming.

Contrast Analysis
Text on Canvas

11.5:1

AAA

Secondary on Canvas

3.8:1

AA Large

Accent on Base

3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :49 (Approximate)
#A6D5B9
DMC 504
Blue Green Lt
ΔE 27
#ABB0CC
DMC 156
Blue Violet Med L
ΔE 15
#895345
DMC 435
Brown Very Light
ΔE 79
#0B2A15
DMC 500
Blue Green Vy Dk
ΔE 60
#0B1024
DMC 938
Coffee Brown Ul Dk
ΔE 66

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: #a6d5b9;
  --color-couleur-2: #abb0cc;
  --color-couleur-3: #895345;
  --color-couleur-4: #0b2a15;
  --color-couleur-5: #0b1024;
}
Tailwind
'freedom-void': {
  500: '#a6d5b9',
  400: '#abb0cc',
  300: '#895345',
  200: '#0b2a15',
  100: '#0b1024',
}
JSON
{
  "name": "Freedom & Void",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#a6d5b9"
    },
    {
      "name": "Couleur 2",
      "hex": "#abb0cc"
    },
    {
      "name": "Couleur 3",
      "hex": "#895345"
    },
    {
      "name": "Couleur 4",
      "hex": "#0b2a15"
    },
    {
      "name": "Couleur 5",
      "hex": "#0b1024"
    }
  ]
}
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.64:1Fail
Black
12.84:1AAA
Couleur 2
White
2.14:1Fail
Black
9.81:1AAA
Couleur 3
White
6.2:1AA
Black
3.39:1AA Large
Couleur 4
White
15.48:1AAA
Black
1.36:1Fail
Couleur 5
White
18.85:1AAA
Black
1.11:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Freedom & Void

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

Balance & Harmony

Couleur 1 is a pale, quiet sage green that breathes a serene, timeless botanical balance. Its restrained saturation makes it a green that knows how to step back and support other elements — invaluable in balanced design systems.

BalanceHarmonySerenityNature
Couleur 2

Serenity & Openness

Couleur 2 whispers the pale, quiet register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.

SerenityOpennessLightnessAccessibility
Couleur 3

Passion & Engagement

Couleur 3 is a medium, quiet red that evokes a direct, assertive presence. It embodies measured passion — warm enough to capture attention, tempered enough to build trust.

PassionWarmthEngagementTrust
Couleur 4

Grounding & Durability

Couleur 4 is a deep, balanced sage green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

SolidityDurabilityTrustPermanence
Couleur 5

Trust & Authority

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