ColorSeed

Complementary · 5 colors · May 26, 2026

Hazy Rust Intuition

Create palette

Built on the electric tension between two opposites that magnify each other, Hazy Rust Intuition unfolds the sobriety of a mastered architectural space. an uncompromising visual dramaturgy — an invitation to growth and vitality.

ComplementaryUI / AppIllustrationDarkBoldForest
#F3DC91Couleur 1
RGB243 220 145HSL46 80 76
#C5D7FCCouleur 2
RGB197 215 252HSL220 90 88
#A16812Couleur 3
RGB161 104 18HSL36 80 35
#1A3C7FCouleur 4
RGB26 60 127HSL220 66 30
#350C03Couleur 5
RGB53 12 3HSL11 89 11

Palette Usage Guide

Application Scenarios

Interface Design

Combine #350c03 for text on #f3dc91 background.

Emotional Impact

Built on the electric tension between two opposites that magnify each other, Hazy Rust Intuition unfolds the sobriety of a mastered architectural space. an uncompromising visual dramaturgy — an invitation to growth and vitality.

Contrast Analysis
Text on Canvas

12.8:1

AAA

Secondary on Canvas

3.4:1

AA Large

Accent on Base

3.7:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :26 (Approximate)
#F3DC91
DMC 3822
Straw Light
ΔE 10
#C5D7FC
DMC 827
Blue Very Light
ΔE 30
#A16812
DMC 435
Brown Very Light
ΔE 42
#1A3C7F
DMC 796
Royal Blue Dark
ΔE 18
#350C03
DMC 938
Coffee Brown Ul Dk
ΔE 29

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: #f3dc91;
  --color-couleur-2: #c5d7fc;
  --color-couleur-3: #a16812;
  --color-couleur-4: #1a3c7f;
  --color-couleur-5: #350c03;
}
Tailwind
'hazy-rust-intuition': {
  500: '#f3dc91',
  400: '#c5d7fc',
  300: '#a16812',
  200: '#1a3c7f',
  100: '#350c03',
}
JSON
{
  "name": "Hazy Rust Intuition",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3dc91"
    },
    {
      "name": "Couleur 2",
      "hex": "#c5d7fc"
    },
    {
      "name": "Couleur 3",
      "hex": "#a16812"
    },
    {
      "name": "Couleur 4",
      "hex": "#1a3c7f"
    },
    {
      "name": "Couleur 5",
      "hex": "#350c03"
    }
  ]
}
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.36:1Fail
Black
15.46:1AAA
Couleur 2
White
1.45:1Fail
Black
14.5:1AAA
Couleur 3
White
4.66:1AA
Black
4.5:1AA
Couleur 4
White
10.52:1AAA
Black
2:1Fail
Couleur 5
White
17.42:1AAA
Black
1.21:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Hazy Rust Intuition

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 pale 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

Serenity & Openness

Couleur 2 radiates the pale, vivid 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

Authenticity & Grounding

Couleur 3 commands the dark, 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 4

Trust & Authority

Couleur 4 evokes the dark, rich 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 5

Authority & Mastery

Couleur 5 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
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 →